Par canal

Chatbot de site web pour le service client : widgets, transfert et accessibilité

Par Roman Zakharenko · Faits vérifiés

Un chatbot de site web pour le service client est un widget de chat sur votre site ou votre centre d'aide, dans lequel un bot répond aux questions courantes, collecte les informations et transmet la conversation à un agent en direct lorsqu'il ne peut pas aider. La plupart des helpdesks fournissent leur propre widget : le vrai travail consiste donc à configurer les parcours du bot, le transfert, le comportement en dehors des heures d'ouverture et l'accessibilité.

En bref

  • Le Web Widget de messagerie de Zendesk s'installe en ajoutant un extrait de code à chaque page où il doit apparaître.
  • La messagerie Zendesk peut afficher des réponses différentes pendant et en dehors des heures d'ouverture.
  • Les agents IA de Freshdesk peuvent être configurés pour collecter les coordonnées du client avant le transfert à un humain.
  • Les WCAG 2.2 exigent que toutes les fonctionnalités soient utilisables au clavier (2.1.1, niveau A).
  • La technique role="log" du W3C permet aux lecteurs d'écran d'annoncer les nouveaux messages de chat à mesure qu'ils arrivent.

Widget natif du helpdesk ou widget sur mesure ?

Si vous utilisez déjà un helpdesk, commencez par son widget. Les chats arrivent dans la même file que les e-mails et les messages des réseaux sociaux, les agents répondent depuis un seul espace de travail, et l'éditeur maintient le code du widget.

  • Zendesk Web Widget (messagerie) : dans l'Admin Center, allez dans « Channels > Messaging and social > Messaging », ouvrez le widget et copiez le code de la section « Installation ». Ajoutez-le au code source de chaque page où le widget doit apparaître, et vérifiez que votre pare-feu autorise le widget.
  • Widget web Freshchat (Freshdesk) : copiez le code d'intégration depuis les paramètres du canal de chat web et ajoutez-le à chaque page où le widget doit apparaître. Freshworks documente aussi son installation sur WordPress, Shopify, Squarespace et dans les applications iOS et Android.
Choisir un widget
OptionAdaptée lorsquePoints de vigilance
Widget natif du helpdeskVous voulez les chats, les tickets et le reporting au même endroitLe style et la logique du bot se limitent à ce que l'éditeur prend en charge
Widget natif avec un bot sur mesureVous avez besoin d'une logique ou d'intégrations que le bot intégré n'offre pasLe transfert et la transmission du contexte doivent être câblés et testés
Widget entièrement sur mesureLe chat fait partie de l'interface de votre produitL'accessibilité, la disponibilité et l'intégration côté agents sont à votre charge

Concevoir le transfert du bot vers un humain

C'est au moment du transfert que la plupart des bots de site web échouent. Un bon transfert fait passer le client à une personne sans l'obliger à se répéter. Les deux principaux helpdesks prennent en charge ce schéma :

  • Zendesk : ajouter un agent IA à un canal de messagerie remplace la réponse de messagerie par défaut par les réponses propres de l'agent IA. Dans la recette de workflow de Zendesk, l'agent IA accueille le client, affiche un formulaire pour collecter ce dont les agents ont besoin, indique au client que sa demande est transmise à l'équipe, puis transfère la conversation à un agent, qui est notifié et voit les informations en l'acceptant. La recette utilise un formulaire plus court pour les clients connectés, sans nom ni e-mail.
  • Freshchat et Freshdesk : les parcours de bot passent la main avec des actions comme « Assign to group » ou « Make available for assignment », et les paramètres de transfert des agents IA de Freshdesk incluent une option pour collecter les coordonnées du client avant le transfert.

Décidez quoi collecter à partir de ce que vos agents demandent en premier. Les champs typiques sont le nom et l'e-mail pour les visiteurs non connectés, un numéro de commande ou de compte, le type de problème choisi via des boutons, une brève description dans les mots du client, et la page sur laquelle il se trouvait.

Couverture en dehors des heures d'ouverture

Un widget qui promet « un agent va vous répondre dans un instant » à 2 h du matin fait plus de mal que pas de chat du tout. Prévoyez ce qui se passe lorsque personne n'est en ligne :

  • Définissez des heures d'ouverture : les canaux de messagerie Zendesk peuvent utiliser un planning d'heures d'ouverture et afficher des réponses différentes pendant et en dehors de ces heures.
  • Transformez les chats en tickets : dans la recette de Zendesk, l'agent IA escalade vers un agent en direct pendant les heures d'ouverture et, en dehors, collecte les coordonnées du client et escalade la demande sous forme de ticket e-mail pour un suivi.
  • Laissez le bot répondre à ce qu'il peut : réponses aux FAQ, consultation du statut des commandes et liens vers le centre d'aide fonctionnent à toute heure.
  • Indiquez quand vous répondrez : donnez au client vos horaires et l'endroit où arrivera la réponse, par exemple par e-mail.

Les bases de l'accessibilité pour les widgets de chat

Un widget de chat est un contenu interactif superposé à votre site : il doit donc atteindre le même niveau d'accessibilité que le reste de la page. Les WCAG 2.2 sont la version actuelle du W3C, et les critères de succès suivants concernent particulièrement le chat :

Critères WCAG 2.2 à vérifier dans un widget de chat
CritèreNiveauCe que cela signifie pour un widget de chat
2.1.1 ClavierAOuvrir le widget, saisir du texte, choisir des boutons et le fermer fonctionnent sans souris
2.4.7 Visibilité du focusAALes utilisateurs voient quel bouton ou champ a le focus clavier
2.4.11 Focus non masqué (minimum)AALe lanceur ou le panneau de chat ouvert ne masque pas entièrement l'élément de la page qui a le focus
4.1.2 Nom, rôle et valeurALes boutons personnalisés, les menus et le lanceur exposent leur nom et leur état aux technologies d'assistance
4.1.3 Messages d'étatAALes mises à jour comme « Message envoyé » sont annoncées sans déplacer le focus

Pour la conversation elle-même, la technique ARIA23 du W3C marque l'historique du chat avec role="log" : les nouveaux messages sont ajoutés à la fin de la zone et les lecteurs d'écran les annoncent à mesure qu'ils apparaissent. Avec un widget d'éditeur, testez votre propre configuration au clavier et avec un lecteur d'écran, car des couleurs personnalisées et le contenu du bot peuvent malgré tout introduire des problèmes.

Comment TascaLab peut vous aider

TascaLab met en place des chatbots de site web par-dessus le helpdesk que vous utilisez déjà, comme Zendesk ou Freshdesk, ou connecte un bot sur mesure à Jira, Slack ou des outils internes via des API, des webhooks et Make ou n8n. Un Starter Chat Bot (360 €) couvre un ou deux canaux avec FAQ et collecte d'informations de base ; un Standard Chat Bot (510 €) couvre trois à cinq canaux avec des conversations plus complexes et des transferts plus fluides. Chaque projet inclut 30 jours de support après le lancement et une documentation de base, sans frais cachés, et la plupart des mises en place prennent 1 à 3 semaines. Commencez par un appel Health Check gratuit de 30 minutes.

Questions fréquentes

Ai-je besoin d'un outil de chatbot distinct si mon helpdesk a un widget ?

Pas forcément. Zendesk et Freshdesk permettent tous deux d'associer un bot ou un agent IA à leur widget web. Un outil distinct se justifie lorsque vous avez besoin d'une logique ou d'intégrations que le bot intégré ne propose pas.

Que doit collecter le bot avant de transmettre à un agent ?

Ce que vos agents demandent en premier : généralement les coordonnées des visiteurs anonymes, un numéro de commande ou de compte, le type de problème et une brève description. Zendesk et Freshdesk permettent tous deux de collecter des informations avant le transfert.

Que doit faire un chatbot de site web en dehors des heures d'ouverture ?

Répondre à ce qu'il peut, expliquer vos horaires et transformer le reste en ticket. La recette documentée par Zendesk collecte les coordonnées du client en dehors des heures d'ouverture et escalade la demande sous forme de ticket e-mail.

Quelle norme d'accessibilité s'applique à un widget de chat ?

Les WCAG 2.2 sont la version actuelle du W3C. L'utilisation au clavier (2.1.1), la visibilité du focus (2.4.7), les noms et rôles des contrôles (4.1.2) et les messages d'état (4.1.3) concernent particulièrement le chat.

Vous voulez mettre cela en place pour votre équipe ?

Réservez un Health Check gratuit : un appel de 30 minutes et un rapport écrit avec 2 à 3 recommandations concrètes, un prix fixe et une estimation des coûts de fonctionnement. Sans argumentaire commercial.

Avis sur Upwork

Sources

  1. Zendesk Help Center — Installing the Web Widget for messaging
  2. Zendesk Help Center — Configuring messaging responses and business hours
  3. Zendesk Help Center — Workflow recipe: Using an AI agent to collect customer info and immediately escalate to a human agent
  4. Freshworks Support — Install Freshchat on your web/apps
  5. Freshworks Support — Gracefully handover conversations from bots to your Freshchat agents
  6. Freshdesk Support — Configure handover settings for AI Agents
  7. W3C — Web Content Accessibility Guidelines (WCAG) 2.2
  8. W3C — ARIA23: Using role=log to identify sequential information updates