Comment modifier le contenu du widget (widget content)

Les instructions ci-dessous s’appliquent uniquement aux ordinateurs de bureau et portables.

Vous pouvez facilement modifier le contenu de votre widget depuis votre tableau de bord tawk.to. Dans ce guide, nous vous expliquons comment changer la langue, modifier les cartes d’en-tête et de contenu dans chaque état (En ligne, Absent et Hors ligne), et gérer le formulaire de pré-discussion de votre widget de chat.
Ouvrir l’éditeur de Contenu du Widget (Widget Content)
1. Connectez-vous à votre compte tawk.to.

2. Sélectionnez la propriété appropriée.

3. Cliquez sur Administration dans la barre de navigation de gauche.

4. Cliquez sur Widget de discussion dans le sous-menu de gauche.

5. Faites défiler jusqu’à Contenu du Widget et cliquez sur Modifiez le contenu (Edit Content).
6. Les paramètres de contenu du widget se trouvent à gauche de la page, tandis que l’aperçu du widget s’affiche à droite.

- Modifier la langue du widget

- Activer ou désactiver des fonctionnalités telles que le chat en direct, la base de connaissances et la vidéo + voix + partage d’écran

- Personnaliser les états En ligne, Absent et Hors ligne, ainsi que le formulaire de pré-discussion


Vos modifications prennent effet immédiatement — il n’est pas nécessaire de mettre à jour le code du widget sur votre site.

7. Une fois la personnalisation terminée, appuyez sur Échap ou cliquez sur l’icône de fermeture en haut à droite pour quitter l’éditeur de contenu. Vous serez redirigé vers la page des paramètres du Widget de discussion.

Changer la langue du widget
Cliquez sur le menu déroulant Langue et choisissez une langue pour les menus, libellés, boutons et formulaires de votre widget. Pour en savoir plus, consultez ce guide : Changing your widget language
Activer ou désactiver les canaux et modules complémentaires
Activez ou désactivez les interrupteurs pour gérer les canaux et modules complémentaires de votre widget :
- Chat en direct (Live Chat)
- Base de connaissances (Knowledge Base)
- Vidéo + voix + partage d’écran (Video + Voice + Screensharing)
- Calendrier (Calendar)
(bientôt disponible)
Personnaliser les états du widget : En ligne, Absent et Hors ligne
Vous pouvez personnaliser le contenu du widget pour chaque état :

En ligne (Online) : les visiteurs peuvent démarrer une discussion en direct


Absent (Away) : indique que les agents peuvent ne pas être immédiatement disponibles


Hors ligne (Offline) : affiche un formulaire permettant aux visiteurs de laisser un message et leurs coordonnées
Modifier les cartes d’en-tête et de contenu
Le widget de discussion est construit à l’aide de cartes — des sections modulaires qui organisent ce que les visiteurs voient dans votre widget :


  • Les cartes d’en-tête (Header Cards) apparaissent en haut du widget et incluent généralement votre logo, un titre ou des informations sur l’agent.


  • Les cartes de contenu (Body Cards) apparaissent sous l’en-tête et contiennent les éléments principaux tels que les options de chat, la recherche dans la base de connaissances ou du texte personnalisé.
Voici comment personnaliser vos cartes :

  • Pour ajouter une carte, cliquez sur + Ajouter (+ Add) et choisissez le type de carte souhaité.


  • Pour modifier une carte, cliquez sur l’icône en forme de crayon à côté de celle-ci, puis cliquez sur Mise à jour (Update) pour enregistrer vos modifications.


  • Pour afficher ou masquer une carte, utilisez l’interrupteur situé à côté du nom de la carte.


  • Pour déplacer une carte vers le haut ou le bas, cliquez sur l’icône de déplacement à côté du nom de la carte et faites-la glisser à l’emplacement souhaité.

Voici les types de cartes que vous pouvez ajouter à l’en-tête et au contenu :

CartesEn-têteCorps
AgentOui-
LogoOui-
En-têteOuiOui
Zone de texteOuiOui
ChatNonOui
ImageOuiOui
VidéoOuiOui
Recherche dans la base de connaissancesOuiOui
Liste d'articles de la base de connaissances-Oui
Article en vedette de la base de connaissances-Oui
Historique des discussions-Oui
Par défaut, les cartes d’en-tête et de contenu incluent Titre, Zone de texte, recherche dans la base de connaissances, Chat et Conversations précédentes.


Consultez ce guide pour en savoir plus sur la modification des cartes d’en-tête et de contenu : Personnalisation de l'en-tête du widget et les corps de cartes


Exemples :

Sous les cartes d’en-tête, vous pouvez définir l’alignement et modifier le contenu du titre et de la zone de texte.

Sous les cartes de contenu, vous pouvez activer ou désactiver la recherche dans la base de connaissances, le chat et les conversations précédentes.

Le formulaire de pré-discussion
Le formulaire de pré-discussion vous aide à recueillir les informations des visiteurs avant le début d’une conversation. Vous pouvez leur demander leur nom, leur adresse e-mail ou d’autres informations personnalisées afin d’aider votre équipe à se préparer avant de répondre. Pour en savoir plus, consultez ce guide : Utilisation du formulaire de pré-chat


Pour activer ou personnaliser le formulaire :


1. Cliquez sur l’onglet  Pré-discussion (Pre-Chat) sous État du widget (Widget State).

2. Cliquez sur Activer la pré-discussion (Enable Pre-Chat).
3. Cliquez sur + Add sous Header Cards pour ajouter un titre, un logo ou d’autres cartes.

4. Cliquez sur + Add sous Body Cards, puis sélectionnez Form. Un formulaire par défaut avec les champs Nom et Email s’affichera.

5. Cliquez sur l’icône en forme d’étoile à côté d’un champ pour le rendre obligatoire.

6. Cliquez sur +Ajouter un champ (+ Add Field) pour ajouter d’autres questions, comme une réponse en texte court ou un menu déroulant.

7. Prévisualisez votre formulaire sur la droite et cliquez sur Mise à jour (Update) pour enregistrer vos modifications.

Considérations supplémentaires
  • Personnalisation par propriété
    Si vous gérez plusieurs propriétés ou des sites multilingues, pensez à personnaliser le contenu du widget séparément pour chaque propriété et chaque langue.


  • Impact du formulaire de pré-discussion
    Exiger des visiteurs qu’ils remplissent un formulaire avant de discuter peut réduire le volume de conversations. Gardez le formulaire court et demandez uniquement les informations essentielles.


  • Bonnes pratiques
    Gardez les messages courts et faciles à lire. Utilisez des titres clairs et des zones de texte concises afin que les visiteurs trouvent rapidement ce dont ils ont besoin.


  • Tests
    Prévisualisez toujours votre widget dans chaque état (En ligne, Absent, Hors ligne) et vérifiez son apparence sur ordinateur et sur mobile.
    Guides associés

    Si vous avez des retours sur cet article, ou si vous avez besoin d’aide supplémentaire :


    Cet article a-t-il été utile ?

    479 sur 594 ont aimé cet article