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 : Un QR code permet au visiteur d'ouvrir l'application directement depuis son téléphone.
Personnalisation du Widget
Éléments modifiables :
Apparence :
Couleur de l'arrière-plan (background)
Position, taille et hauteur du widget
Call-to-Action (CTA) :
Texte affiché sur le bouton d'ouverture du widget (desktop et mobile)
Identité visuelle :
Nom de la marque
Description de la marque
Logo de la marque
Messages personnalisés :
Welcome text : texte de bienvenue affiché lorsqu'un visiteur est sur mobile et voit le widget
Customer message : message déclenché automatiquement dans WhatsApp lorsqu'un visiteur clique sur le CTA du widget mobile ou scanne le QR code en desktop. C'est ce message qui va initier le flow côté WAX (diagnostic, SAV, conseil produit, AI Agent…)
Suggested messages : messages suggérés que les visiteurs voient lorsqu'ils ouvrent le widget depuis leur téléphone. En cliquant sur l'un d'eux, l'application WhatsApp s'ouvre avec le message correspondant déjà pré-rempli dans le champ de saisie.
ℹ️ Vous pouvez ajouter des variables dans ces messages en ajoutant des {{nom_de_la_variable}} comme ceci.
⚠️ É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 :
Rendez-vous dans le Flow Builder et créez un nouveau flow.
Sur le bloc de déclenchement (trigger), sélectionnez le déclencheur "Message reçu" / inbound message.
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.
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.
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.
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 sur votre site après sauvegarde dans WAX, sans avoir besoin de recopier le code du widget.
💡 Besoin de cacher le widget après l'avoir installé pour un certain temps ?
Il vous suffit de désactiver "Widget visible for visitors" tout en haut de la page. Il vous suffira de revenir sur la page pour activer le switcher lorsque vous voudrez le rendre visible.