Documentation

Bouton personnalisé

Affichez des boutons cliquables dans le chat pour guider les visiteurs et déclencher des actions.

Les boutons personnalisés apparaissent dans les réponses du chat et proposent aux visiteurs des options claires sur lesquelles cliquer. Utilisez-les pour créer des liens vers des pages, guider la conversation ou déclencher des actions spécifiques.

Créer un bouton personnalisé

  1. Accédez à l’onglet Actions de votre agent
  2. Cliquez sur Ajouter une action → Bouton personnalisé
  3. Configurez le bouton :
    • Libellé - Texte affiché sur le bouton
    • Type d’action - Ce qui se passe lorsqu’on clique dessus
  4. Enregistrez et testez dans le Playground

Types d’action du bouton

Lien vers une URL

Les boutons personnalisés renvoient vers une URL lorsqu’on clique dessus. Les liens HTTP/HTTPS s’ouvrent dans un nouvel onglet ; les liens mailto: et tel: ouvrent le client de messagerie ou de téléphone du visiteur.

Exemple : bouton « Voir les tarifs » qui renvoie vers https://example.com/pricing

Quand les boutons apparaissent

L’IA décide de la pertinence des boutons en fonction du contexte de la conversation. Vous pouvez orienter ce comportement en ajoutant des instructions aux paramètres IA de votre agent.

Ajoutez des consignes à vos instructions IA :

When discussing pricing, show the "View Pricing" and "Schedule Demo" buttons.

Configuration du bouton

Libellé du bouton

Utilisez des libellés courts et orientés vers l’action :

  • « Voir les tarifs »
  • « Planifier une démo »
  • « Commencer »
  • « En savoir plus »

Style du bouton

Les boutons reprennent la couleur principale de votre agent pour leur arrière-plan, avec une couleur de libellé contrastée et une petite icône (lien externe, e-mail ou téléphone) selon le type d’URL.

Plusieurs boutons

L’IA peut afficher plusieurs boutons dans une même réponse lorsque c’est pertinent. Limitez le nombre de boutons proposés : en montrer trop à la fois peut submerger les visiteurs.

Bonnes pratiques

  1. Libellés clairs : utilisez des mots d’action (« Voir », « Obtenir », « Planifier »)
  2. Limitez les options : 2 à 3 boutons par réponse permettent de rester ciblé
  3. Enchaînement logique : les boutons doivent avoir du sens dans leur contexte
  4. Testez minutieusement : vérifiez que les liens fonctionnent et que les actions se déclenchent

Exemples de cas d’utilisation

Demande de tarifs :

Buttons:
- "View Full Pricing" → /pricing
- "Schedule Demo" → /schedule
- "Start Free Trial" → /signup

Conversation d’assistance :

Buttons:
- "Contact Support" → /home/help
- "View Documentation" → /docs
- "Check Status" → /status

Exploration du produit :

Buttons:
- "See Features" → /features
- "Watch Demo" → /demo
- "Compare Plans" → /pricing

Combiner avec d’autres actions

Les boutons se combinent bien avec d’autres actions :

  • Affichez le formulaire de prospection après un clic sur le bouton « Planifier une démo »
  • Déclenchez l’appel API lorsque le visiteur clique sur « Vérifier le statut »
  • Affichez des boutons supplémentaires en fonction des réponses

Étapes suivantes