Personnaliser l'apparence de votre widget de Chat

L’application Conversations vous permet de personnaliser votre widget de Chat afin qu’il corresponde aux couleurs et au style de votre marque dans la section Conversations > Paramètres > Widget de Chat. Vous pouvez personnaliser le style et le texte de votre widget de Chat.

💡 Good to know
Si vous êtes développeur ou que vous travaillez avec un développeur, vous pouvez personnaliser davantage votre widget de Chat en proposant à vos visiteurs une traduction de votre widget dans une langue qui n'est pas prise en charge par Conversations ou en utilisant une couleur, un emplacement et une taille personnalisés pour votre widget de Chat. Pour en savoir plus, consultez notre documentation API.

Sélectionnez les langues prises en charge

Sélectionnez les différentes langues dans lesquelles vous pouvez communiquer avec vos visiteurs. Les langues de votre widget de Chat sont les mêmes que celles sélectionnées dans la section Conversations  > Paramètres > Préférences

Vous pouvez choisir autant de langues que nécessaire. Les messages par défaut sont traduits automatiquement. Si vous modifiez les textes par défaut, n’oubliez pas de modifier tous les textes par défaut dans chacune des autres langues.

Conversations_Chat_widget_languages_fr.gif

💡 Bon à savoir
La langue du widget de Chat est définie en fonction de la langue du navigateur du visiteur. Si la langue du navigateur du visiteur n’est pas prise en charge par l’application Conversations, l’anglais est utilisé par défaut. 

Personnaliser le design de votre widget de Chat

L’application Conversations vous permet de personnaliser les couleurs et le style de votre widget de Chat, ainsi que son emplacement sur votre page Web. Vous pouvez ainsi bénéficier d’un widget de Chat personnalisé en fonction de votre marque et définir son apparence pour vos visiteurs.

Pour personnaliser l’apparence de votre widget de Chat, accédez à la section Apparence dans Conversations > Paramètres > Widget de Chat.

Couleur du widget de Chat

Avec Conversations, vous pouvez choisir la couleur et le style de votre bouton de Chat. Vous pouvez ainsi le personnaliser entièrement afin de l’harmoniser avec le design de votre site Web et de votre marque. 

Par défaut, le bouton du widget de Chat est bleu, mais vous pouvez choisir une autre couleur dans la palette du Chat, qui propose un large choix de couleurs prédéfinies. Vous pouvez également choisir une couleur dans le sélecteur de couleurs ou saisir le code couleur de votre choix. 

Vous pouvez également choisir d’appliquer la couleur sélectionnée à l’entête du Chat si vous souhaitez que le widget, lorsqu’il est ouvert, contraste davantage avec le reste de votre site. Observez l’aperçu sur la droite de l’écran pour prévisualiser votre widget de Chat en fonction de la couleur sélectionnée. 

Conversations_Chat_widget_design_color_fr.gif

💡 Bon à savoir
Nous vous recommandons de choisir une couleur qui contraste suffisamment avec la couleur d’arrière-plan de votre site Web afin de respecter les normes en matière d’accessibilité. Par exemple, si l’arrière-plan de votre site est noir, choisissez une couleur claire comme le jaune ou le blanc afin d’aider les visiteurs à repérer le bouton du widget de Chat. 

Design et position du widget de Chat

Vous pouvez configurer l’apparence du bouton de votre widget de Chat ainsi que son emplacement sur votre page Web.

Dans la liste déroulante Style du bouton de Chat, choisissez un design pour votre widget de Chat :

  • Rond, avec une ou deux bulles ; ou
  • Onglet.
❗️ Important
Nous n’offrons pas la possibilité d’importer un style de bouton de Chat personnalisé. Vous pouvez uniquement choisir entre les deux options de bouton rond ou d’onglet. 

Dans la liste déroulante Position du bouton de Chat, vous pouvez définir l’emplacement de votre bouton sur votre page Web. 

💡 Bon à savoir
Nous vous recommandons de laisser le bouton de votre widget de Chat en bas de l’écran, sur la droite afin d’augmenter le nombre de conversations. Puisqu’il s’agit de l’emplacement le plus fréquent, vos visiteurs le repèreront facilement.

Observez l’aperçu sur la droite de l’écran pour prévisualiser l’emplacement de votre widget de Chat :

Conversations_Chat_button_position_fr.gif

Personnaliser vos messages de bienvenue

L’application Conversations vous permet de personnaliser les messages de bienvenue de votre widget de Chat afin d’adapter le ton à votre marque.

Faites défiler la page jusqu’à la section Textes du widget de Chat pour modifier les messages de bienvenue pour les modes Live Chat (en ligne) et Messagerie (hors ligne, invisible). Supprimez les messages de bienvenue existants des champs de texte et saisissez votre propre texte. 

❗️ Important
Si vous décidez de personnaliser vos messages de bienvenue pour le mode Messagerie, nous vous recommandons fortement d’indiquer clairement à vos clients qu’ils s’adressent à un bot, surtout si vous leur demandez de fournir des renseignements à l’aide du bot de formulaire de contact

Un aperçu s’affiche sur la droite de l’écran vous permettant de prévisualiser l’apparence de votre widget de Chat. Passez du mode en ligne à hors ligne pour afficher les aperçus correspondants. Pour restaurer les messages de bienvenue par défaut, supprimez tout le contenu du champ et cliquez en dehors de celui-ci.

conversations_chat-widget-texts_EN-US.gif

❗️ Important
Si vous proposez votre assistance en plusieurs langues, n’oubliez pas de mettre à jour les messages de bienvenue dans toutes les langues en cliquant sur les onglets en haut de l’aperçu modifiable du widget de Chat 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 un Partenaire Brevo certifié.

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

Utilisateurs qui ont trouvé cela utile : 8 sur 11