Passer au contenu principal

Chat Widget

Activez et personnalisez votre widget WhatsApp pour engager vos visiteurs en temps réel

Introduction au Widget WhatsApp

Le Chat Widget est une bulle interactive installée sur votre site (mobile ou desktop) qui permet à vos visiteurs d'ouvrir une conversation WhatsApp avec votre marque en un clic.

💡 Pourquoi c'est un excellent point d'entrée : le widget vous permet de récupérer des visiteurs qui sont déjà sur votre site, donc déjà en intention d'achat ou de recherche d'information, et de les faire basculer vers un canal à très fort taux d'ouverture et de réponse.

Contrairement à une campagne sortante, la conversation est ici initiée par le client (inbound) : il est donc plus engagé, plus qualifié, et généralement plus réceptif.

Utilisations typiques :

  • Support client / SAV

  • Conseil et recommandation produit avant achat

  • Suivi de commande

  • Prise de rendez-vous ou demande de renseignements

Pourquoi activer le widget : la valeur de l'inbound

Parce que la conversation part d'une action volontaire du visiteur, le widget se prête particulièrement bien à la création de flows automatisés déclenchés à l'entrée de la conversation, notamment :

  • Flow diagnostic : quelques questions pour orienter le visiteur vers la bonne réponse ou le bon produit (ex. : "Quel est votre besoin ?" → tailles, retours, suivi de commande, etc.)

  • Flow SAV : qualification automatique de la demande (commande en cours, retour, réclamation) avant transfert à un agent

  • Flow conseil produit : mise en avant de best-sellers, guide de choix, FAQ produit

Si l'AI Agent est activé sur votre compte, le widget devient encore plus puissant : le message pré-enregistré peut directement déclencher l'agent IA, qui prend en charge la qualification et la réponse en autonomie, 24/7, sans intervention humaine immédiate.

Exemple : chez La Canopée, le widget redirige vers une conversation prise en charge par l'AI Agent, qui qualifie la demande du visiteur (question produit, SAV, disponibilité) et répond directement ou transfère à un conseiller si nécessaire.

Accès et Installation

Recommandation d’utilisation :

  • Site Mobile : Priorisez l’installation sur la version mobile du site, car WhatsApp est principalement utilisé sur téléphone.

  • Site Desktop : À éviter si l’application WhatsApp n’est pas installée sur l’ordinateur, car cela risque de rediriger les clients vers une page de téléchargement et provoquer un taux de rebond élevé.

Personnalisation du Widget

  • Éléments modifiables :

    • Apparence :

      • Couleur de l’arrière-plan (background)

      • Taille et hauteur du widget

    • Call-to-Action (CTA) :

      • Texte affiché sur le bouton d'ouverture du widget

    • Identité visuelle :

      • Nom de la marque

      • Sous-titre de la marque

      • Image de marque affichée sur le widget

    • Messages personnalisés :

      • Welcome text : texte de bienvenue affiché lorsqu'un utilisateur est redirigé vers WhatsApp

      • Message pré-enregistré : message déclenché automatiquement dans WhatsApp lorsqu'un visiteur clique sur le widget. C'est ce message qui va initier le flow côté WAX (diagnostic, SAV, conseil produit, AI Agent…)

⚠️ Étape indispensable : pour que le widget déclenche un scénario automatisé, vous devez ajouter ce message pré-enregistré comme inbound message sur le widget. C'est ce même message, une fois envoyé par le visiteur, qui va être capté côté WAX et va déclencher un flow inbound (diagnostic, SAV, conseil produit, AI Agent…). Sans cette étape, le message part bien vers WhatsApp, mais aucun flow n'est déclenché à l'arrivée.

💡 Le message pré-enregistré est l'élément le plus important à travailler : c'est lui qui détermine quel flow ou quel scénario se déclenche à l'entrée de la conversation.

Focus : créer le flow inbound déclenché par le widget

Une fois le message pré-enregistré configuré sur le widget, il faut construire, côté WAX, le flow qui sera déclenché lorsque ce message précis arrive dans la conversation.

Étapes de création :

  1. Rendez-vous dans le Flow Builder et créez un nouveau flow.

  2. Sur le bloc de déclenchement (trigger), sélectionnez le déclencheur "Message reçu" / inbound message.

  3. Configurez la condition de correspondance sur le texte exact (ou une variante proche) du message pré-enregistré défini sur le widget, afin que seuls les visiteurs venant du widget entrent dans ce flow.

  4. Construisez la suite du parcours avec les blocs nécessaires : bloc de réponse, bloc de question à choix (List Options), bloc de conditions pour orienter le visiteur selon sa réponse, bloc de transfert vers un agent si besoin.

  5. Testez le flow en cliquant vous-même sur le widget depuis votre site pour vérifier que le message pré-enregistré déclenche bien le bon flow.

Exemple concret : flow diagnostic

  • Message pré-enregistré sur le widget : "Bonjour, j'ai besoin d'aide 👋"

  • Bloc trigger : Message reçu = "Bonjour, j'ai besoin d'aide 👋"

  • Bloc réponse : le bot répond avec un message de bienvenue et une question à choix : "Quel est votre besoin ?"

    • Suivi de commande

    • Question sur un produit

    • Retour / réclamation

  • Bloc conditions : selon le choix sélectionné, le visiteur est orienté vers :

    • un bloc qui demande le numéro de commande (suivi de commande)

    • un bloc FAQ produit ou une mise en avant de best-sellers (question produit)

    • un bloc de qualification SAV, puis transfert à un agent (retour / réclamation)

🚩 Si l'AI Agent est activé sur le compte, l'étape 2 (bloc trigger) peut directement pointer vers l'agent IA plutôt que vers un flow manuel : à valider selon la configuration du compte.

Exemples de redirection chez nos clients

Installation du Widget sur votre site:

Cliquez sur le bouton copy code snippet en haut à droite de la page.

Insérez ensuite le code sur votre site e-commerce, dans la balise <head> de votre site.

💡 Besoin de faire une modification sur votre widget ? Faites directement la modification dans WAX : les changements s'appliquent automatiquement sur votre site, sans avoir besoin de recopier le code du widget.

Avez-vous trouvé la réponse à votre question ?