Ce qu'il y a dans un widget, concrètement
Le mot « widget » désigne un bloc d'interface autonome, greffé sur une page sans en faire partie. Pour un chat, il se compose de trois éléments visibles et d'un invisible.
Bonjour 👋 Je connais tout le catalogue. Une question sur un produit, une commande, une livraison ?
Vous livrez en combien de temps ?
Sous 48 h en France, et 24 h en express avant 13 h. Dès 60 € d'achat, la livraison standard est offerte. Je vous donne le détail pour un article précis ?
Propulsé par causeriebot.com
- 1Le lanceurLa bulle ronde, en bas à droite le plus souvent. Couleur, taille et position se règlent. C'est le seul élément visible tant que personne ne clique.
- 2Le message d'appelLa phrase affichée à côté de la bulle. C'est elle qui décide de la plupart des ouvertures, bien plus que la bulle elle-même.
- 3La fenêtre de conversationEn-tête avec le nom du bot, fil des messages, champ de saisie, et souvent des onglets annexes : questions fréquentes, actualités, formulaire de contact.
- 4Le scriptLa ligne que vous collez. Elle charge l'interface et transporte l'identifiant du bot, rien d'autre. Cet identifiant n'est pas une clé secrète : il peut être lu sans risque.
Installer un widget de chat, plateforme par plateforme
Le principe est le même partout : une ligne à coller avant la fermeture de body, sur toutes les pages. Voici le snippet Causerie, celui que vous copiez depuis l'onglet Widget et Intégration du dashboard :
<script src="https://dashboard.causeriebot.com/widget.js"
data-id="VOTRE_IDENTIFIANT_DE_BOT"
data-url="https://dashboard.causeriebot.com" defer></script>| Plateforme | Où coller le script | Temps |
|---|---|---|
| WordPress | Plugin officiel CauserieBot, ou le snippet dans footer.php | 2 min |
| Shopify | Thème, Modifier le code, theme.liquid, avant la fin de body | 2 min |
| Webflow | Paramètres du projet, Custom Code, section Footer | 2 min |
| Wix | Paramètres, Code personnalisé, zone Corps, toutes les pages | 3 min |
| PrestaShop | Thème, footer.tpl, ou un module d'injection de script | 3 min |
| Squarespace | Paramètres, Code injection, Footer | 2 min |
| Site HTML, Next.js, React | Le snippet avant la fermeture de body, ou un composant de layout | 2 min |
Sur WordPress, le plugin officiel évite de toucher au code : Extensions, Ajouter, CauserieBot, puis l'identifiant du bot dans les réglages. Pour brancher le chat à vos propres outils plutôt qu'à une page, le guide widget ou API détaille les deux voies.
Trois widgets qui se ressemblent, trois métiers différents
Deux bulles identiques à l'écran peuvent cacher des produits opposés. Le choix se fait sur une seule question : que se passe-t-il quand le visiteur pose une question à laquelle personne n'a pensé ?
Widget de live chat
Pour qui : Une équipe disponible aux heures d'ouverture
Ce qu'il fait bien : La nuance humaine, la négociation, les cas sensibles
Sa limite : Rien ne répond quand personne n'est connecté, et 36 % des messages arrivent hors horaires
Widget à scénarios (arbre de décision)
Pour qui : Un parcours court et prévisible : suivi de commande, prise de contact
Ce qu'il fait bien : Réponses maîtrisées au mot près, aucune surprise
Sa limite : Toute question hors du scénario tombe à côté, et l'arbre grossit vite
Widget chatbot IA sur vos contenus
Pour qui : Un site avec des pages, un catalogue ou des documents à faire parler
Ce qu'il fait bien : Répond à des questions non prévues, avec vos informations, 24h/24
Sa limite : La qualité dépend de vos contenus : un site vague donne un bot vague
Le chiffre qui tranche souvent le débat vient de nos propres relevés : sur 1 752 conversations documentées chez des clients équipés, 36 % arrivent en dehors des horaires d'ouverture. Un widget qui ne répond qu'aux heures de bureau laisse donc plus d'un tiers des questions sans réponse, au moment précis où le visiteur est encore là.
Les six critères d'un widget qui sert à quelque chose
01
Il répond avec vos informations, pas des généralités
Un widget branché sur un modèle générique récite le web. Un widget utile lit vos pages, vos fiches produits et vos PDF, puis répond à partir de ça. C'est la différence entre « nos délais varient selon les produits » et « 48 h en France, offert dès 60 € ».
02
Il ne ralentit pas la page
Un widget chargé avant le contenu retarde l'affichage et pèse sur vos Core Web Vitals. Le nôtre se charge en différé sur ce site : quelques secondes après le chargement, ou à la première interaction du visiteur, le premier des deux. Le rendu de la page ne l'attend jamais.
03
Il sait s'arrêter
Un bon widget reconnaît ce qu'il ne sait pas, le dit, et propose de laisser un contact plutôt que d'inventer. Chez Causerie, les instructions du bot vont jusqu'à 50 000 caractères : sujets interdits, formulation de refus imposée, transfert vers un humain.
04
Il capte les demandes, pas seulement les questions
Répondre ne suffit pas : un visiteur convaincu à 23 h doit pouvoir laisser son email dans la conversation. Sans ce formulaire, le widget est un centre d'information ; avec lui, c'est un canal d'acquisition.
05
Il ressemble à votre site
Couleur, position, taille de bulle, avatar, prénom, message d'accueil : un widget qui détonne se fait fermer. Sur le plan Business, la mention de l'éditeur disparaît (marque blanche sur un domaine).
06
Il est conforme, et il le dit
Depuis le 2 août 2026, l'article 50 du règlement européen sur l'IA impose qu'un visiteur sache qu'il parle à une IA dès la première interaction. Ajoutez l'hébergement des conversations : chez nous, Europe, chiffrées, jamais utilisées pour entraîner des modèles.
La question qui fâche : et la vitesse du site ?
C'est l'objection la plus fréquente, et elle est légitime : un script tiers chargé au mauvais moment retarde l'affichage et abîme les Core Web Vitals que Google mesure. La réponse tient en un mot, le différé. Sur ce site, le widget n'est pas chargé avec la page : il attend la fin du rendu, ou la première interaction du visiteur (défilement, clic, touche), et part sur le premier des deux. Le contenu ne l'attend jamais, et un visiteur qui veut ouvrir la bulle la trouve chargée.
Le test à faire sur votre propre site
Ouvrez PageSpeed Insights sur une page équipée, puis sur la même page sans le widget. Si l'écart de LCP dépasse quelques dixièmes de seconde, votre widget se charge trop tôt : demandez à votre éditeur le chargement différé, ou déplacez le script en fin de page avec l'attribut defer.
Cinq pannes classiques, et leur cause réelle
| Le symptôme | La cause, presque toujours |
|---|---|
| La bulle ne s'affiche pas | Le snippet est ailleurs qu'avant la fermeture de body, ou le cache du site sert encore l'ancienne page. Purgez le cache, puis rechargez en navigation privée. |
| Deux bulles se superposent | Deux scripts sont chargés, souvent un ancien outil resté dans le thème et le nouveau. Un seul widget par page : retirez l'autre. |
| Le bot répond à côté | Les sources ne sont pas à jour ou trop maigres. Resynchronisez le site, ajoutez les PDF utiles, et vérifiez la jauge de contexte. |
| Erreur « invalid token » | Une clé API expirée ou régénérée, jamais le widget lui-même : il s'identifie par son data-id, pas par une clé secrète. |
| La bulle masque un bouton sur mobile | Changez la position dans les réglages, ou décalez le widget quand un bandeau de consentement est ouvert. |
Le cas du jeton invalide revient assez souvent pour avoir sa page : les six causes de l'erreur invalid token.
L'essayer avant de l'installer
La bulle en bas à droite de cette page est notre widget de production, branché sur le contenu de ce site. Posez-lui une question sur les tarifs ou l'intégration : ce que vous verrez est exactement ce que verront vos visiteurs, avec vos informations à la place des nôtres. Pour créer le vôtre, collez l'adresse de votre site dans le dashboard : les pages sont lues, le bot répond, vous copiez une ligne. Le plan gratuit couvre 1 bot et 50 conversations par mois, sans carte bancaire. Les limites des offres gratuites du marché sont comparées dans notre guide du chatbot IA gratuit, et le détail des réglages dans la documentation.