Ajouter des boutons interactifs à votre chat en direct

Sur un chat en direct, beaucoup de visiteurs posent les mêmes questions : suivre une commande, demander un remboursement, parler au support. L'action Live chat interactive messenger leur propose des boutons directement dans la conversation. Ils choisissent en un clic, et votre automatisation suit le bon chemin sans tri manuel.

Chaque bouton lance une branche de l'automatisation ou ouvre une page en HTTPS. Une branche Timeout prend le relais si le visiteur ne choisit rien. Pour installer le widget lui-même, consultez Comment configurer et installer des Chat Widget (bulle de chat) sur vos sites.

Avant de commencer

• Un widget Chat en direct ou Chat tout-en-un, configuré et installé sur votre site.
• Un accès aux widgets de chat et aux automatisations du compte.
• Un déclencheur Réponse du client reçue ciblant ce widget.
• Une adresse HTTPS pour chaque bouton qui ouvre une page.

Démarrer depuis le widget de chat

C'est le chemin le plus court si votre widget existe déjà.

1. Ouvrez Sites puis Widget de chat, et sélectionnez votre widget de type Chat en direct ou Chat tout-en-un.
2. Dans l'onglet Fenêtre de chat, dépliez Boutons interactifs.
3. Cliquez sur Configurer les boutons interactifs.
4. Choisissez un point de départ : Support Triage pour les demandes de support courantes, Lead Qualification Menu pour orienter les visiteurs selon leurs réponses, ou Create your own (libellés encore en anglais à l'écran, sous Flux de travail rapides).

Avec Create your own, le déclencheur et l'action sont déjà en place : il ne reste qu'à ouvrir l'action pour la configurer.

Démarrer depuis une automatisation

1. Ouvrez Automatisation puis Flux de travail, puis créez une automatisation ou ouvrez-en une existante.
2. Cliquez sur Ajouter un déclencheur, choisissez Réponse du client reçue et ajoutez des filtres selon votre widget.
3. Pour un widget Chat en direct : ajoutez le filtre Canal de réponse et choisissez Chat en direct, puis sélectionnez le widget.
4. Pour un widget Chat tout-en-un : choisissez Chat tout-en-un dans le filtre Canal de réponse, choisissez le type de chat, puis sélectionnez le widget.
5. Enregistrez le déclencheur, cliquez sur + dans le canevas et ajoutez l'action Live chat interactive messenger.

Configurer le message et les boutons

1. Ouvrez l'action et donnez-lui un nom facile à reconnaître.
2. Saisissez votre question dans le champ Message, par exemple : « Bonjour, comment pouvons-nous vous aider pour votre commande ? ».
3. Ajoutez si besoin une image dans Image.
4. Dans Buttons (libellés de l'action encore en anglais à l'écran), renseignez Button label, puis choisissez le comportement dans On click : Exécuter des actions ou Open website URL, avec l'adresse dans Website URL.
5. Cliquez sur Add button pour les suivants, puis enregistrez l'action.

Construire les branches et le délai

1. Dans l'action, réglez dans Timeout et Timeout unit la durée pendant laquelle l'automatisation attend un choix, puis enregistrez.
2. Sous chaque branche de bouton, cliquez sur + et ajoutez l'action voulue : envoyer un message de chat en direct, ajouter un tag ou attribuer le contact à un utilisateur.
3. Sous la branche Timeout, ajoutez ce qui doit se passer sans réponse, par exemple un message de relance ou une attribution.
4. Relisez chaque chemin avant de publier.

Publier et tester

1. Publiez l'automatisation.
2. Sur le site où le widget est installé, ouvrez le chat et envoyez un message de test, par exemple « Bonjour ». La carte doit s'afficher.
3. Testez un bouton d'action : il se met en évidence, les autres boutons d'action se désactivent et la bonne branche s'exécute.
4. Testez un bouton de lien : la page HTTPS prévue doit s'ouvrir.
5. Lancez un autre test sans rien choisir : à la fin du délai, la branche Timeout doit s'exécuter.
6. Dans Conversations, ouvrez la conversation de test pour vérifier le choix enregistré.

Ce que voient le visiteur et votre équipe

Seul le premier clic sur un bouton d'action compte : le visiteur ne peut pas lancer une seconde branche depuis la même carte. Les boutons de lien restent cliquables. Dans Conversations, la carte affiche le bouton choisi, ce qui donne le contexte à la personne qui reprend l'échange.

Questions fréquentes

Faut-il CrocoBot AI pour utiliser ces boutons ?

Non. C'est une action d'automatisation. Les éléments enrichis de CrocoBot AI sont une fonctionnalité distincte, avec ses propres réglages.

Une carte peut-elle mélanger boutons d'action et liens ?

Oui, chaque bouton a son propre comportement. Chaque bouton d'action utilise sa branche.

Puis-je orienter le visiteur vers un membre de l'équipe ?

Oui. Ajoutez une action d'attribution à un utilisateur dans la branche du bouton concerné.