Widget de chat pour site web : comment transformer en conversations les visiteurs qui ont une question

Quand le chat doit-il parler en premier ?

Le chat doit parler une fois que le visiteur a eu un moment pour regarder, et il ne doit pas recouvrir la page. Un visiteur qui a une question a deux possibilités : la poser ou partir. La plupart des sites rendent le départ plus facile, soit parce que le seul moyen de contact est un long formulaire, soit parce qu’une fenêtre de chat surgit avant que la page ait été lue et se fait fermer par réflexe.

Dans AdaptiveReply, la version douce est la Bulle d’invitation de l’onglet Comportement : une ligne courte, de 140 caractères au plus, qui apparaît à côté du bouton de chat après un délai que vous choisissez entre 0 et 120 secondes. Chaque visiteur la voit une fois par visite. L’option Ouverture automatique ouvre le chat une fois par visite sur ordinateur ; sur téléphone, le chat occupe tout l’écran, c’est donc l’invitation qui s’affiche à la place.

Rédigez l’invitation comme une proposition liée à la page, pas comme une salutation. « Bonjour ! » ne donne au visiteur rien à quoi répondre.

Comment dire aux visiteurs en quoi le chat peut les aider ?

Dites-le dans les deux premières choses qu’ils voient : le message d’accueil et les réponses rapides. Une zone de texte vide demande au visiteur de formuler une question. Un accueil court et quelques questions à toucher montrent quelle aide est proposée et lui épargnent cet effort.

• Message d’accueil. Le premier message de chaque nouveau chat. Dites en une phrase qui répond et en quoi il peut aider.
• Réponses rapides. Jusqu’à quatre questions à toucher, de 40 caractères au plus chacune, affichées sous le message d’accueil jusqu’à ce que le visiteur écrive.
• Titre de l’en-tête et image de l’assistant. Ils montrent au visiteur à qui il parle.

Choisissez des réponses rapides auxquelles l’assistant sait bien répondre : délai de livraison, conditions de retour, prise de rendez-vous. Une réponse rapide qui se termine toujours par « un collègue reviendra vers vous » apprend aux visiteurs que le chat est un formulaire de contact plus lent.

Qui répond, et en combien de temps ?

L’assistant IA répond tout de suite, à toute heure, et c’est le même assistant que sur vos autres canaux. Il n’y a pas de configuration à part pour le site : la personnalité, le ton, les sources, le catalogue et les règles que vous avez définis une fois valent aussi pour le widget.

Les conversations du site arrivent dans la même boîte de réception AdaptiveReply qu’Instagram, Facebook Messenger, WhatsApp et l’e-mail. Quand l’assistant ne sait pas répondre, ou que le visiteur demande une personne, la conversation est transmise à votre équipe sous forme de dossier avec un résumé, et un membre de l’équipe répond depuis la boîte de réception pendant que le visiteur reste dans la même fenêtre de chat. Voir le guide de la boîte de réception unifiée et quand l’assistant passe la main.

Une limite, dite franchement : le widget n’a pas de réglage d’horaires d’ouverture. L’assistant répond dès qu’un visiteur écrit. « Hors ligne » dans le widget signifie que la connexion du visiteur est coupée.

Faut-il demander un nom et un e-mail avant le chat ?

Ne demandez que ce que vous utiliserez. Chaque champ obligatoire avant le premier message réduit le nombre de personnes qui lancent un chat et augmente le nombre de celles que vous pourrez recontacter ensuite. Une boutique qui répond à des questions rapides sur ses produits ne demande généralement rien ; un cabinet qui rappelle ses patients a besoin d’un numéro de téléphone.

Dans AdaptiveReply, c’est le réglage Informations avant le chat de l’onglet Comportement. Cochez Prénom, Nom, E-mail ou Téléphone ; les champs cochés deviennent obligatoires avant le début du chat. Si rien n’est coché, les visiteurs commencent à écrire directement. Vous pouvez aussi exiger une case de consentement : le visiteur doit accepter votre texte avant de discuter, et la date et le texte du consentement sont conservés.

Comment faire du chat une partie de votre site ?

Accordez la couleur, le thème et la langue, puis vérifiez sur un téléphone. Un chat qui ressemble à un corps étranger est pris pour une publicité. L’onglet Design contient les réglages, et l’aperçu en direct montre le résultat pendant que vous tapez ; rien n’arrive sur votre site tant que vous n’avez pas enregistré.

• Couleur. Une couleur de marque pour l’en-tête, le bouton de chat et les messages du visiteur. La couleur du texte s’ajuste d’elle-même pour rester lisible.
• Thème. Clair, Sombre ou Auto. Auto suit le réglage de l’appareil de chaque visiteur.
• Position. En bas à droite ou en bas à gauche, là où il ne recouvre pas vos propres boutons.
• Langue. L’interface du widget existe en 10 langues et peut suivre la langue du navigateur du visiteur.
• Vérification sur téléphone. L’aperçu bascule entre ordinateur et téléphone, et entre les états fermé, invitation, formulaire préalable, chat et hors ligne.

Comment le widget s’installe-t-il ?

Sur la plupart des sites, l’installation consiste à coller une ligne de code une seule fois. L’onglet Installation affiche le code et les étapes pour votre plateforme ; ensuite, chaque modification enregistrée dans le panneau apparaît sur le site sans toucher de nouveau au code.

1. 1Dans le panneau, ouvrez Widget, créez un widget et configurez-le dans les onglets Design et Comportement.
2. 2Dans l’onglet Installation, choisissez sur quoi tourne votre site : n’importe quel site web, Shopify, WordPress, Ticimax ou ikas.
3. 3Sur n’importe quel site, collez le code juste avant la balise fermante body, dans le modèle commun à toutes les pages. Sur Shopify, activez l’extension d’application AdaptiveReply dans l’éditeur de thème. Sur WordPress, téléversez et activez le plugin.
4. 4Sous Domaines autorisés, ajoutez votre domaine afin que le chat ne puisse pas être copié sur un autre site. Avec une liste vide, le chat fonctionne partout où se trouve votre code.
5. 5Actualisez votre site et envoyez vous-même un premier message.

Une courte liste de contrôle avant la mise en ligne

• L’assistant est publié et répond à vos dix questions les plus fréquentes dans l’aperçu.
• L’invitation évoque quelque chose de précis et le délai laisse le temps de lire la page.
• Les réponses rapides sont de vraies questions de clients auxquelles l’assistant sait répondre.
• Les champs préalables se limitent à ce que vous utiliserez, et vous avez envoyé un message de test depuis un téléphone.

Si l’assistant n’est pas encore configuré, commencez par configurer un assistant IA sans code ; la présentation des fonctionnalités montre ce qui se connecte d’autre à la même boîte de réception. Vous pouvez commencer gratuitement et installer le widget le jour même.