Personnalisation de l’apparence du widget

Vous pouvez modifier certains ou tous les éléments du widget suivants pour l’adapter à l’image du site Web de votre entreprise.

Si vous utilisez une ancienne version de Chat, consultez (Legacy Chat) Personnalisation de l’apparence du widget.

Les éléments suivants peuvent être modifiés dans l’onglet Aspect du tableau de bord Chat. Cliquez sur les liens pour en savoir plus sur la façon de modifier chaque élément.

Fenêtre de chat, qui inclut le texte de la barre de titre ou les configurations du widget mobile, selon votre version de Chat.
Concierge, ce que voient les visiteurs Chat avant d’être connectés à un agent.
Badge de chat, l’aspect du widget avant le début d’un chat.

Pour personnaliser l’apparence du widget

Dans le tableau de bord Chat, allez à Paramètres > Widget et cliquez sur l’onglet Aspect.
Personnalisez les options comme décrit dans les sections ci-dessous.
Visualisez vos modifications dans le panneau Aperçu sur la droite.
Remarque – Les modifications affichées dans le volet Aperçu dépendent de la version de Chat que vous utilisez. Le comportement attendu du volet Aperçu pour chaque section dans l’onglet Aspect est décrit dans les sections ci-dessous.
Cliquez sur Enregistrer les modifications.

Personnalisation de la section Fenêtre de chat

La section Fenêtre de chat est l’endroit où vous configurez les éléments liés au cadre qui entoure un chat entre un agent et un client. Les options que vous voyez ici dépendent de la version de Chat que vous utilisez.

Utilisateurs de Chat + Support dans le Web Widget
Utilisateurs de Chat autonome dans le Web Widget
Utilisateurs du widget Chat

Utilisateurs de Chat + Support dans le Web Widget

Ici, vous pouvez personnaliser l’élément Premier titre de la fenêtre de chat. Ce texte s’affiche en haut de votre fenêtre de chat. Dans l’exemple suivant, le titre dit « Chattez avec nous ».

Utilisateurs de Chat autonome dans le Web Widget

Ici, vous pouvez personnaliser les éléments suivants de la fenêtre de chat :

Premier titre : Ce texte s’affiche en haut de votre fenêtre de chat. Dans l’exemple suivant, le titre dit « Chattez avec nous ».
Couleur du thème : c’est la couleur qui entoure votre widget. Saisissez un code hexadécimal ou cliquez sur la palette pour sélectionner une couleur manuellement.
Position du widget : vous pouvez choisir que le widget s’affiche en bas à droite ou en bas à gauche des pages auxquelles vous l’ajoutez.

Utilisateurs du widget Chat

Ici, vous pouvez personnaliser les éléments suivants de la fenêtre de chat :

Premier titre : Ce texte s’affiche en haut de votre fenêtre de chat.
Couleur du thème : c’est la couleur qui entoure votre widget. Saisissez un code hexadécimal ou cliquez sur la palette pour sélectionner une couleur manuellement.
Position du widget : Cela vous permet de placer le widget en bas à gauche ou en bas à droite de votre page Web.

Vous pouvez aussi personnaliser le widget mobile :

Ouvrir la fenêtre au premier plan : la fenêtre de chat s’ouvre au-dessus de votre site mobile, dans le même onglet (recommandé).
Fenêtre de chat contextuelle : la fenêtre de chat s’ouvre dans un nouvel onglet.

Personnalisation de la section Concierge

Avant d’être mis en rapport avec un agent d’assistance, les visiteurs voient l’avatar, le nom et le slogan du concierge de chat.

Titre d’affichage et Slogan : ce texte s’affiche en haut de votre fenêtre de chat. L’exemple suivant affiche le titre d’affichage « Assistance en direct » et le slogan « Posez toutes vos questions ».
Avatar : téléchargez une image personnalisée pour votre concierge de chat.

Personnalisation de la section Badge de chat

Cette section s’affiche si vous sélectionnez Simple dans la section Fenêtre de chat ci-dessus. Le badge de chat fait référence à l’aspect du widget avant le début d’un chat.

Activé ou Désactivé : activez ou désactivez le badge de chat.
Image droite, Image gauche ou Texte uniquement : ces options permettent de définir l’aspect du badge de chat. Image droite et Image gauche utilisent l’image de bulle de chat par défaut, que vous pouvez voir dans le panneau Aperçu.
Image personnalisée : pour utiliser votre propre image, sélectionnez Image personnalisée et téléchargez une image dans le champ Image en dessous.
Couleur d’arrière-plan : saisissez un code hexadécimal ou cliquez sur la palette pour sélectionner une couleur manuellement pour l’arrière-plan du badge de chat. Pour utiliser la même couleur que la couleur du thème de la section Fenêtre de chat, cochez Identique à la couleur du thème.
Message : ce texte s’affiche dans la badge de chat avant que vos visiteurs ne cliquent dessus. L’exemple suivant affiche le texte « Chattez avec nous » dans le badge de chat.
Image : si vous avez sélectionné Image personnalisée, téléchargez une image pour votre badge de chat ici.