Personnaliser votre widget de chat

Mis à jour le 4 nov. 202610 min de lecture
Français
Sur cette page

Le widget de chat, c'est la petite bulle de chat sur votre site web. Vous pouvez tout personnaliser : couleur de la marque, position, message d'accueil, formulaire avant le chat, comportement en ligne et hors ligne, déclencheurs de chat proactifs, intégration d'un bot IA. Toutes les modifications s'appliquent en quelques secondes, sans réintégrer le code. Il s'adapte aux mobiles dès le départ.

Vous personnalisez le widget de chat Deskwoot dans Paramètres > Boîtes de réception. Ouvrez votre boîte de réception de chat en direct avec Configurer. La plupart des options ci-dessous se trouvent dans son onglet Widget, y compris les déclencheurs de chat. Le formulaire que les visiteurs remplissent avant le chat a son propre onglet, Formulaire avant le chat. Les modifications sont enregistrées dans la boîte de réception et apparaissent dans le widget au prochain chargement. Vous pouvez donc garder un onglet ouvert sur votre site pour vérifier le résultat.

Comment changer la couleur et le thème du widget ?

Choisissez la Couleur du widget qui va avec votre site. Cette seule couleur s'applique à la bulle de chat, à l'en-tête et au bouton d'envoi : choisir le bon code hexadécimal fait donc l'essentiel du travail visuel. Une nouvelle boîte de réception démarre avec le bleu Deskwoot.

Vous choisissez aussi un Thème du widget : Clair (par défaut) ou Sombre. Le thème sombre est pratique quand votre site est sombre et qu'un panneau blanc éclatant détonnerait. L'en-tête garde la couleur de votre marque dans les deux thèmes.

Choisissez l'emplacement du bouton du chat avec Position du widget : En bas à droite ou En bas à gauche.

Quelles langues le widget parle-t-il ?

Par défaut, le widget est réglé sur Automatique : il lit la langue de la page où il s'affiche et montre ses propres libellés (boutons, textes d'exemple, messages d'état) dans cette langue. Deskwoot fournit ces libellés en 10 langues : anglais, allemand, portugais (Brésil), hindi, arabe, italien, français, espagnol, japonais et chinois. En arabe, la mise en page s'inverse aussi pour se lire de droite à gauche.

Si vous vous adressez à un seul public et voulez fixer le widget sur une langue, quelle que soit la langue de la page, passez la Langue du widget de Automatique à cette langue.

La langue automatique ne concerne que les textes fixes de l'interface. Votre propre texte d'accueil et votre message de bienvenue sont à part. Avec le forfait Business et au-delà, vous pouvez les traduire dans chacune des 10 langues au même endroit (Traduire depuis l'anglais les remplit avec l'IA), et le widget affiche la version qui correspond au visiteur.

Comment définir le texte du bouton du chat et le message d'accueil ?

Le Texte du bouton du chat est la courte infobulle qui apparaît quand un visiteur survole le bouton flottant, par exemple « Discutez avec nous ». Limitez-vous à quelques mots.

Le Titre d'accueil et le Sous-titre d'accueil sont ce que le visiteur voit dès qu'il ouvre le widget. Écrivez un vrai message de bienvenue qui annonce à quoi s'attendre, par exemple « Bonjour ! Nous répondons en général en quelques minutes. » Avec Activer le message d'accueil du canal, vous pouvez aussi définir un message de bienvenue qui arrive comme premier message de la conversation. Un Message d'absence pour les visiteurs à part répond à ceux qui écrivent en dehors de vos heures d'ouverture (dans l'onglet Heures d'ouverture, forfait Startup et au-delà).

Le réglage Délai de réponse contrôle la petite ligne « Répond généralement en... » pour que les visiteurs sachent à quoi s'attendre avant d'écrire.

Puis-je masquer la bulle de chat ?

Oui. Activez Masquer le bouton du chat et le bouton flottant disparaît de votre site. Utilisez cette option quand vous voulez ouvrir le widget depuis votre propre bouton ou lien plutôt que depuis la bulle par défaut. Le code de votre site appelle la méthode d'ouverture du widget, et le panneau de conversation glisse à l'écran sans que la bulle ne s'affiche jamais.

Avec le forfait Enterprise, vous pouvez aussi masquer le badge « Propulsé par Deskwoot » en bas du widget, dans Marque. Cet interrupteur est distinct de celui de la marque blanche du centre d'aide. Consultez Mettre votre centre d'aide en marque blanche pour la partie centre d'aide.

Comment définir un avatar personnalisé ?

Chaque message reçu dans le widget affiche un avatar. Par défaut, Utiliser la photo de profil de l'agent attribué est activé : les visiteurs voient donc la photo de l'agent avec qui ils échangent. Si vous voulez plutôt que la boîte de réception ait son propre visage, importez un Avatar personnalisé (JPG, PNG ou GIF jusqu'à 2 MB) et désactivez cet interrupteur. L'avatar personnalisé sert aussi quand un agent n'a pas de photo de profil. C'est utile quand une équipe a sa propre identité visuelle, ou quand vous préférez une photo sympathique plutôt qu'un logo dans les réponses du chat.

Puis-je afficher des articles d'aide dans le widget ?

Oui, avec le forfait Startup et au-delà, si vous avez un centre d'aide publié. Le widget a un onglet Centre d'aide, et l'onglet Conversation peut afficher une courte liste « Suggérés pour vous », que vous réglez dans Articles suggérés. Vous avez deux façons de la remplir. Choisissez vous-même les articles (jusqu'à 4, dans l'ordre de votre choix), ou activez Alterner les articles automatiquement et le widget prend pour vous 4 articles publiés au hasard. Le mode aléatoire est le réglage par défaut quand vous avez un centre d'aide mais n'avez encore rien choisi. Seuls les articles publiés apparaissent : un brouillon ne peut donc jamais se retrouver dans le widget.

Qu'est-ce que le mode sans cookies ?

Activez le Mode sans cookies (forfait Startup et au-delà) et le widget ne stocke plus rien dans le navigateur du visiteur : pas de cookies, pas de localStorage, pas de sessionStorage. C'est utile si vos règles de confidentialité ou de consentement aux cookies n'autorisent aucun stockage non essentiel avant l'accord du visiteur. La contrepartie : le widget ne reconnaît le visiteur que pendant la session de page en cours, et l'historique de la conversation n'est pas conservé quand la page se recharge, donc chaque session repart de zéro. Laissez-le désactivé si vous voulez que la conversation continue d'une page à l'autre, activez-le si vos exigences de conformité l'imposent. Même avec le mode sans cookies désactivé, le widget ne stocke rien pour un nouveau visiteur tant qu'il n'a pas ouvert le chat ou envoyé un message.

Formulaires avant le chat, envoi de fichiers et emojis

Activez le Formulaire avant le chat (forfait Startup et au-delà, dans son propre onglet Formulaire avant le chat) pour demander un nom, un e-mail, un téléphone ou des champs personnalisés avant le début d'une conversation. Il vous aide à reconnaître les clients qui reviennent et à les relancer par e-mail si le visiteur s'en va. Pièces jointes permet aux visiteurs de partager des captures d'écran et des documents, et le Sélecteur d'emojis leur permet d'ajouter des emojis à leurs messages. Les deux sont activés par défaut et peuvent être désactivés dans Fonctionnalités, dans l'onglet Widget.

Déclencheurs de chat proactifs

Les déclencheurs de chat sont des messages qui s'affichent tout seuls selon les règles que vous fixez, par exemple après 10 secondes sur la page des tarifs. Vous les configurez pour chaque boîte de réception dans la section Déclencheurs de chat de l'onglet Widget. Vous fixez un délai, ciblez des pages précises ou les visiteurs qui reviennent, et rédigez le message. Les déclencheurs sont un bon moyen de lancer une conversation avant que le visiteur ne cherche la bulle.

Questions fréquentes

Comment changer la couleur du widget ?
Paramètres → Boîtes de réception → votre boîte de réception de chat en direct → onglet Widget → Apparence du widget. Choisissez une Couleur du widget ; le widget recalcule automatiquement le contraste et la couleur du texte. Les modifications s'appliquent au prochain chargement d'une page de votre site.
Puis-je changer la position ?
Oui : en bas à droite (par défaut) ou en bas à gauche. Le réglage se trouve dans Apparence du widget, dans l'onglet Widget. Certaines équipes l'associent à l'option « ouvrir depuis un bouton personnalisé » pour l'intégrer à leur propre interface.
Qu'est-ce qu'un formulaire avant le chat ?
Un petit formulaire (nom + e-mail + champs facultatifs) affiché au visiteur avant qu'il puisse envoyer son premier message. Utile pour récolter des prospects ou pour des règles de routage. Disponible à partir de Startup. Facultatif : votre widget fonctionne très bien sans.
Comment ajouter un message d'accueil ?
Onglet Widget → Apparence du widget : définissez le Titre d'accueil + le Sous-titre d'accueil ; la première réponse automatique est le message d'accueil du canal, dans Préférences du canal. Visible dès qu'un visiteur ouvre le widget. Le titre et le sous-titre s'affichent en texte simple.
Le widget peut-il fonctionner en plusieurs langues ?
Oui. En mode Automatique, le widget affiche ses propres libellés dans la langue de la page (10 langues), ou vous le fixez sur une seule langue. Les messages d'accueil pour chaque langue (Business et au-delà) se règlent dans l'onglet Widget de la boîte de réception.
Qu'est-ce que le « mode sans cookies » ?
Respectueux du RGPD : le widget n'utilise ni cookies, ni localStorage, ni sessionStorage. Disponible à partir de Startup. Le visiteur n'est reconnu que pendant la session de page en cours ; l'historique de la conversation est perdu quand la page se recharge.
Comment masquer le widget sur certaines pages ?
N'ajoutez pas le code d'intégration sur ces pages. Si votre CMS rend difficile le contrôle du code page par page, placez la balise script dans une condition basée sur le chemin de l'URL. Le widget lui-même ne propose pas de méthode hide() à l'exécution.
Puis-je ouvrir le widget depuis mon propre bouton ?
Oui : `window.deskwootWidget.open()`. Consultez l'article d'aide « Ouvrir le widget de chat depuis votre propre bouton » pour fermer, basculer et plus encore.
Le widget fonctionne-t-il sur mobile ?
Oui, il s'adapte entièrement. Sur les petits écrans, le widget passe en plein écran quand on l'ouvre.
Le widget va-t-il ralentir mon site ?
Le script de chargement pèse environ 8 KB compressé avec gzip et se charge de façon asynchrone : il ne bloque donc pas votre page. Le chat lui-même tourne dans des iframes chargées en arrière-plan, donc votre page s'affiche en premier.
Puis-je retirer la mention « Propulsé par Deskwoot » ?
Oui, avec le forfait Enterprise, grâce à l'interrupteur Masquer « Propulsé par Deskwoot » dans Marque, dans l'onglet Widget de votre boîte de réception de chat en direct. Avec les forfaits inférieurs, la mention reste sous la forme d'un petit pied de page discret.
Où personnaliser le widget de chat ?
Allez dans Paramètres > Boîtes de réception et ouvrez votre boîte de réception de chat en direct avec Configurer. La couleur, le thème, la langue, le texte du bouton du chat, le message d'accueil, l'avatar, les articles mis en avant et le mode sans cookies se trouvent tous dans son onglet Widget.
Combien de langues le widget prend-il en charge ?
L'interface du widget existe en 10 langues : anglais, allemand, portugais (Brésil), hindi, arabe, italien, français, espagnol, japonais et chinois. Le mode Automatique suit la langue de la page, ou vous pouvez le fixer sur une seule langue.
Puis-je masquer la bulle de chat flottante ?
Oui. Activez Masquer le bouton du chat et le bouton disparaît : vous pouvez alors ouvrir le widget depuis votre propre bouton ou lien.
Que fait le mode sans cookies ?
Il empêche le widget de stocker quoi que ce soit dans le navigateur (ni cookies, ni localStorage, ni sessionStorage). Vous respectez ainsi les règles strictes de consentement aux cookies, mais chaque session repart de zéro, car le widget ne peut pas reconnaître les visiteurs qui reviennent après un rechargement. Disponible à partir du forfait Startup.
Comment fonctionnent les articles mis en avant dans le widget ?
À partir de Startup, si votre centre d'aide est publié, le widget peut suggérer jusqu'à 4 articles. Choisissez-les dans l'ordre que vous voulez, ou laissez le mode aléatoire et Deskwoot prend automatiquement 4 articles publiés.

Ce guide vous a-t-il aidé ?

Continuer la lecture

Demander à Fynn à propos de ce guide

Obtenez une réponse courte tirée de ce guide et du reste du centre d'aide.

Besoin d'aide supplémentaire ?

Fynn répond dans le chat à partir de ces guides, et vous pouvez aussi y joindre l'équipe.

Écrivez-nous par e-mail