Personnaliser l’apparence de votre widget de chat

Conversations vous permet de personnaliser votre widget de chat pour qu'il corresponde aux couleurs et au ton de votre marque. Cliquez sur le menu déroulant du compte et sélectionnez Paramètres > Boîte de réception > Widget de chat. Vous pouvez personnaliser le style et les textes de votre widget de chat.

Bon à savoir

Si vous êtes développeur ou travaillez avec un développeur, vous pouvez aller plus loin dans la personnalisation de votre widget de chat en fournissant à vos visiteurs une traduction de votre widget de chat dans une langue non prise en charge par Conversations, ou en utilisant une couleur, une position et une taille personnalisées pour votre widget de chat. Pour en savoir plus, consultez notre documentation dédiée aux développeurs.

Choisir les langues prise en charge

Sélectionnez les différentes langues dans lesquelles vous pouvez parler à vos visiteurs. Les langues de votre widget de chat sont les mêmes que celles de l’assistance, que vous pouvez gérer en cliquant sur le menu déroulant du compte et en sélectionnant Paramètres > Boîte de réception > Préférences

Vous pouvez sélectionner autant de langues que vous le souhaitez et les messages par défaut sont automatiquement traduits. N’oubliez pas que si vous modifiez des textes par défaut, vous devez modifier les textes par défaut dans toutes les autres langues.

conversations_chat-widget-lang_EN-US.gif

💡 Bon à savoir
La langue du widget de chat sera sélectionnée en fonction de la langue du navigateur du visiteur. Si la langue du navigateur du visiteur n’est pas prise en charge par Conversations, la langue par défaut sera l’anglais. 

Personnaliser le design de votre widget de chat

Avec Conversations, vous pouvez personnaliser les couleurs, le style et la position de votre widget de chat sur votre page web. Cela vous permet d’avoir un widget de chat personnalisé qui correspond à votre marque et de choisir comment votre widget de chat apparaît à vos visiteurs.

Pour personnaliser l'apparence de votre widget de chat, cliquez sur le menu déroulant du compte et sélectionnez Paramètres > Boîte de réception > Widget de chat, puis allez dans la section Apparence.

Couleur du widget de chat

Conversations vous permet de choisir la couleur et le style de votre bouton de chat. De cette façon, vous pouvez le personnaliser entièrement pour qu’il corresponde au design de votre site web et de votre marque. 

Le bouton par défaut du widget de chat est bleu, mais vous pouvez choisir une autre couleur dans la palette du chat qui offre de nombreuses couleurs prédéfinies. Vous pouvez également choisir une couleur dans le sélecteur de couleurs ou entrer le code hexadécimal de votre couleur.

Mettez en couleurs l’en-tête du chat avec la couleur sélectionnée si vous souhaitez que le widget de chat contraste davantage avec le reste de votre site web lorsqu’il est ouvert. Vérifiez l’aperçu à droite de votre écran pour voir à quoi ressemble votre widget de chat avec la couleur que vous avez sélectionnée. 

conversations_chat-widget-color_EN-US.gif

💡 Bon à savoir
Nous vous recommandons de choisir une couleur qui contraste fortement avec la couleur d’arrière-plan de votre site web pour respecter les normes d’accessibilité. Par exemple, si la couleur d’arrière-plan de votre site web est noire, vous devez choisir une couleur claire comme le jaune ou le blanc pour aider les visiteurs à repérer le bouton du widget de chat. 

Design et position du widget de chat

Vous pouvez choisir à quoi ressemble le bouton de votre widget de chat et où il est placé sur la page de votre site web.

Dans la liste déroulante Style du bouton de chat, vous pouvez choisir le design de votre widget de chat :

  • Rond avec une ou deux bulles, ou
  • Onglet.

Dans la liste déroulante Position du bouton de chat, vous pouvez choisir l’endroit où votre bouton sera placé sur la page de votre site web. 

💡 Bon à savoir
  • Nous vous recommandons de laisser le bouton de votre widget de chat En bas de l’écran, à droite pour augmenter le nombre de chats. C’est la position la plus courante, ce qui évitera à vos visiteurs de le rechercher.
  • Sur les appareils mobiles, le bouton du widget de chat est toujours en bas de l’écran et vous ne pouvez pas changer sa position.

Vérifiez l’aperçu à droite de votre écran pour voir comment et où votre widget de chat apparaîtra sur votre écran :

conversations_chat-widget-style-position_EN-US.gif

Personnaliser vos messages d’accueil

Avec Conversations, vous pouvez personnaliser les messages d’accueil de votre widget de chat pour qu’ils correspondent au ton de votre marque.

Faites défiler jusqu’à la section Textes du widget de chat pour modifier les messages d’accueil pour vos modes Chat en direct (en ligne) ou Messagerie (hors ligne, invisible). Supprimez les messages d’accueil existants des champs de texte et écrivez les vôtres. 

❗️ Important
Si vous décidez de personnaliser vos messages d’accueil pour votre mode Messagerie, nous vous recommandons vivement de spécifier clairement à vos clients qu’ils parlent à un bot, surtout si vous demandez leurs coordonnées avec le bot de formulaire de contact

Un aperçu s’affiche sur la droite de votre écran pour vérifier comment le widget de chat apparaîtra à vos visiteurs. Basculez votre statut de En ligne à Hors ligne pour afficher l’aperçu correspondant. Pour restaurer les messages d’accueil par défaut, supprimez tout ce qui se trouve dans le champ et cliquez n'importe où en dehors de celui-ci.

conversations_chat-widget-texts_EN-US.gif

❗️ Important
Si vous souhaitez proposer votre assistance en plusieurs langues, n’oubliez pas de mettre à jour les messages d’accueil dans toutes les langues en cliquant sur les onglets en haut de l’aperçu du widget de chat modifiable en ligne.

⏩ Et après ?

🤔 Vous avez des questions ?

Pour toute question, n’hésitez pas à contacter notre service client en créant un ticket à partir de votre compte. Si vous n’avez pas encore de compte, vous pouvez nous contacter ici.

Si vous avez besoin d'aide pour un projet impliquant Brevo, nous pouvons vous mettre en relation avec une agence partenaire Brevo.

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

Utilisateurs qui ont trouvé cela utile : 14 sur 17