WiseParts
Communication

Chat Widget

Ajoutez un widget de chat en direct à votre propre site web pour que les visiteurs échangent avec votre équipe.

Ajoutez un widget de chat en direct à votre propre site web et permettez aux visiteurs de démarrer une conversation avec votre équipe en un clic. Chaque chat arrive dans votre boîte de réception Conversations comme un canal à part entière, aux côtés de l'Email et de WhatsApp, pour que vos agents travaillent depuis un seul endroit.

Aperçu rapide : Collez un petit extrait de code dans votre site web pour ajouter une bulle de chat. Les visiteurs discutent en temps réel, les clients identifiés sont reconnus automatiquement et tout message reçu en dehors des heures d'ouverture est enregistré et suivi par email.

Qu'est-ce que le chat widget

Le chat widget est une petite bulle de chat placée dans le coin de votre site web. Lorsqu'un visiteur clique dessus, il peut envoyer un message et obtenir des réponses de votre équipe en temps réel.

En coulisses, chaque chat du widget devient une conversation dans votre boîte de réception. Vous répondez, assignez, étiquetez et résolvez les chats du widget exactement comme l'Email et WhatsApp — la seule différence est l'origine du message.

Le widget s'adresse aux visiteurs de votre site web, pas à votre équipe interne. C'est un canal orienté client, alors traitez-le comme vos autres canaux entrants.

Configurer le widget

Créez et configurez le widget depuis les Paramètres de conversations, dans la liste des canaux.

  1. Ouvrez les Paramètres de conversations et choisissez Ajouter un widget de chat
  2. Donnez un nom au widget (par exemple, « Chat du site web ») pour le reconnaître dans la boîte de réception
  3. Choisissez éventuellement un Canal de Courriel de Tickets — c'est le compte email utilisé pour recontacter les visiteurs qui partent avant votre réponse
  4. Enregistrez pour créer le widget, puis ouvrez ses paramètres pour finaliser l'apparence et le comportement
  5. Assignez des agents au widget afin que les chats en direct puissent être pris en charge
Si aucun agent n'est assigné à un widget, les visiteurs voient toujours votre équipe comme hors ligne et les réponses en direct ne peuvent pas être délivrées en temps réel. Assignez au moins un agent au widget pour que le chat en direct fonctionne.

Options de configuration

Dans les paramètres du widget, vous pouvez adapter son apparence et son comportement :

RéglageCe qu'il contrôle
Message de bienvenueLe message d'accueil que voient les visiteurs à l'ouverture du widget
Couleur PrincipaleLa couleur d'accent de la bulle de chat et de l'en-tête
PositionEn bas à droite ou en bas à gauche de la page
LangueFixez une langue ou laissez-la détecter automatiquement celle du visiteur
MarqueLogo de l'en-tête, avatar, style de bulle, polices et dégradé
Canal de Courriel de TicketsD'où partent les tickets des visiteurs et les suivis hors heures
Personnaliser les étiquettesReformulez les boutons et messages que voient les visiteurs
Messages ProactifsFenêtres surgissantes déclenchées par le temps sur la page, une URL ou le défilement
Réponses RapidesBoutons de départ en un clic qui envoient un message pré-rédigé

Ajouter le widget à votre site web

Pour faire apparaître le widget, collez un petit extrait dans le HTML de votre site web, juste avant la balise de fermeture </body>. Il se charge sans ralentir votre page.

<script>
  (function (w, d) {
    w.WisePartsWidget =
      w.WisePartsWidget ||
      function () {
        (w.WisePartsWidget.q = w.WisePartsWidget.q || []).push(arguments);
      };
    var s = d.createElement("script");
    s.async = 1;
    s.src = "https://your-wiseparts-domain/widget/loader.js";
    s.dataset.workspaceId = "YOUR_WORKSPACE_ID";
    d.head.appendChild(s);
  })(window, document);
</script>
Copiez l'extrait exact depuis les paramètres de votre widget — votre identifiant de workspace y est déjà renseigné sous Code d'intégration. Pour plus de sécurité, vous pouvez restreindre les domaines autorisés à charger le widget dans les paramètres Confidentialité et sécurité.

Identifier vos visiteurs

Par défaut, les visiteurs sont anonymes — ils apparaissent dans votre boîte de réception avec un identifiant court et convivial. Si vous savez déjà qui est le visiteur (par exemple, un client connecté à votre site web), vous pouvez indiquer au widget qui il est, pour que son nom et son email s'affichent sur la conversation.

Ajoutez un appel identify après l'extrait, en utilisant les informations dont vous disposez :

<script>
  WisePartsWidget("identify", {
    external_id: "12345",
    name: "Jane Smith",
    email: "[email protected]",
  });
</script>

Désormais, la conversation dans votre boîte de réception porte le nom du visiteur au lieu d'un identifiant anonyme, donnant du contexte à vos agents avant qu'ils répondent.

Identité de visiteur vérifiée

Dans un navigateur, n'importe qui peut prétendre être quelqu'un d'autre ; pour les clients connectés, vous pouvez donc activer l'identité vérifiée. Le serveur de votre site web produit une identité signée et infalsifiable pour le visiteur, et WiseParts la vérifie avant de faire confiance au nom et à l'email.

L'identité vérifiée est signée côté serveur : la clé de signature reste uniquement sur votre serveur et jamais dans le code de votre site web. Cela rend un client connecté fiable et impossible à usurper. La clé se gère dans les paramètres d'identité du widget.

Contrôler le widget

Vous pouvez ouvrir, fermer et réagir au widget depuis votre propre site à l'aide de commandes simples :

CommandeCe qu'elle fait
WisePartsWidget('open')Ouvre la fenêtre de chat
WisePartsWidget('close')Ferme la fenêtre de chat
WisePartsWidget('toggle')L'ouvre ou la ferme
WisePartsWidget('show')Affiche la bulle de chat
WisePartsWidget('hide')Masque la bulle de chat
WisePartsWidget('on', ...)Exécute votre propre code lors des événements

Par exemple, vous pouvez relier votre propre bouton « Discutez avec nous » pour appeler WisePartsWidget('open').

L'expérience du visiteur

Lorsqu'un visiteur ouvre le widget, il voit votre message de bienvenue et peut commencer à écrire immédiatement. Le statut en direct de votre équipe s'affiche en haut, pour que les visiteurs sachent s'ils doivent attendre une réponse immédiate ou un suivi ultérieur.

Consentement et formulaire pré-chat

Vous pouvez demander aux visiteurs d'accepter votre politique de confidentialité avant de discuter et recueillir quelques informations en amont :

  • Barrière de consentement — les visiteurs acceptent votre politique de confidentialité (avec un lien vers celle-ci) avant de commencer
  • Formulaire pré-chat — demandez le nom, l'email, le téléphone ou l'entreprise, et rendez l'un d'eux obligatoire

Recueillir un email en amont signifie que vous pouvez toujours faire un suivi, même si le visiteur part au milieu de la conversation.

Messages proactifs et réponses rapides

Donnez un coup de pouce ou une longueur d'avance aux visiteurs :

  • Les messages proactifs apparaissent sous forme de petite fenêtre après un certain temps sur une page, sur les pages correspondant à une URL ou lorsqu'un visiteur fait suffisamment défiler
  • Les réponses rapides sont des boutons en un clic qui envoient un message pré-rédigé, pour que les questions courantes démarrent d'un seul clic
Astuce : Utilisez un message proactif sur les pages à forte intention (comme les tarifs ou le paiement) pour proposer de l'aide exactement au moment où les visiteurs sont le plus susceptibles d'avoir une question.

Quand votre équipe est hors ligne

Le widget sait quand votre équipe est disponible. Quand tout le monde est hors ligne, il s'adapte pour qu'aucun message ne soit perdu :

  • Il demande plus tôt l'email au visiteur, pour que vous ayez un moyen de le joindre
  • Il peut envoyer une réponse automatique « nous sommes absents » qui fixe les attentes
  • Si le visiteur part avant votre réponse, votre réponse lui est envoyée par email et la conversation se poursuit simplement par email
Les réponses hors heures ne peuvent être envoyées par email que lorsque le widget a un Canal de Courriel de Tickets défini et que le visiteur a laissé une adresse email. Rendez l'email obligatoire dans le formulaire pré-chat pour pouvoir joindre chaque visiteur.

Gérer les conversations du widget

Les chats du widget se comportent comme n'importe quelle autre conversation dans votre boîte de réception. Vous pouvez les assigner, les étiqueter, les mettre en veille, ajouter des notes privées et les résoudre — et les règles d'assignation automatique s'appliquent comme pour l'Email et WhatsApp.

Les visiteurs peuvent aussi soumettre un ticket via le widget lorsque votre équipe est absente. Les tickets arrivent dans la boîte de réception et reçoivent une réponse par email.

Découvrez comment répondre, assigner, étiqueter et résoudre les conversations depuis votre boîte de réception.

Confidentialité et sécurité

Le widget est conçu pour vous protéger, vous et vos visiteurs :

  • Consentement — exigez que les visiteurs acceptent votre politique de confidentialité avant de discuter et respectez le signal « Do Not Track » de leur navigateur
  • Identité vérifiée — faites confiance aux clients connectés sans risque d'usurpation
  • Protection contre les abus — les soumissions de tickets sont limitées en fréquence avec un message aimable « réessayez bientôt », et une vérification rapide « humain » peut apparaître si l'activité semble suspecte
Note : Un visiteur peut demander une copie de ses propres données, et tous les tickets qu'il a soumis sont inclus dans cet export — ce qui vous aide à répondre aux demandes d'accès aux données du RGPD.

Fonctionnalités associées

Conversations

Gérez les chats du widget dans votre boîte de réception unifiée.

Call Center

Gérez les appels entrants aux côtés de vos chats.

Tableaux de bord

Suivez les conversations du widget, les temps de réponse et les visiteurs.

Automatisations

Déclenchez des actions lorsqu'un chat du widget est étiqueté.