Personnalisation du widget de chat

Vous pouvez personnaliser le widget de chat pour l’adapter à l’apparence du site Web de votre entreprise.

Pour personnaliser l’apparence du widget

1. Dans le tableau de bord, cliquez sur l’onglet Paramètres > Widget > Aspect.
2. Personnalisez les options décrites ci-dessous.
   • Fenêtre de chat
   • Badge de chat
   • Concierge
   • Style de message
   • Bouton de chat réduit
3. Visualisez vos modifications dans le panneau Aperçu sur la droite.
4. Cliquez sur Enregistrer les modifications.

Personnalisation de la section Fenêtre de chat

• Simple ou Classique : avec l’option Simple, les avatars de l’agent et du visiteur s’affichent. Si vous sélectionnez Classique, seul le texte s’affiche et vous pouvez poursuivre la personnalisation dans la section Bulle de chat ci-dessous.
• Premier titre : ce texte s’affiche en haut de votre fenêtre de chat. Dans l’exemple suivant, le titre dit « assistance par chat ».
  
  
• Couleur du thème : c’est la couleur de votre widget. Saisissez un code hexadécimal ou cliquez sur la palette pour sélectionner une couleur manuellement.
• Taille de la fenêtre : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Vous avez le choix entre Petite, Moyenne et Grande. Pour visualiser les différentes tailles, utilisez le panneau Aperçu.
• Position du widget : vous pouvez choisir que le widget s’affiche en bas à droite ou en bas à gauche des pages auxquelles vous l’ajoutez.

Personnalisation de la section Bulle de chat

Cette section s’affiche uniquement si vous sélectionnez Classique dans la section Fenêtre de chat ci-dessus. Elle détermine l’apparence de la bulle de chat, qui s’affiche à côté du widget classique réduit.

• Activé ou Désactivé : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Sélectionnez Désactivée pour masquer la bulle de chat. Si vous utilisez l’édition Lite, vous ne pouvez pas désactiver la bulle de chat avec le widget classique.
• Couleur d’arrière-plan : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Sélectionnez une couleur ou saisissez un code hexadécimal pour l’arrière-plan de la bulle de chat.
• Titre : ce texte s’affiche comme titre de votre bulle de chat. Dans l’exemple ci-dessus, le titre est « Des questions ? ».
• Texte : ce texte s’affiche dans la partie principale de la bulle de chat. Dans l’exemple ci-dessus, le texte est « Cliquez ici pour chatter avec nous ».

Personnalisation de la section Badge de chat

Cette section s’affiche uniquement 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. Ces options de personnalisation sont disponibles pour les éditions Basic, Advanced et Premium uniquement.

• Activé ou Désactivé : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Sélectionnez Désactivé pour masquer le badge de chat. Si vous utilisez l’édition Lite, vous ne pouvez pas désactiver le badge de chat avec le widget simple.
• 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 : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. 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 : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. 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 « Nous sommes en ligne 24h/24, 5j/7 » dans le badge de chat.
  
  
• Image : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Si vous avez sélectionné Image personnalisée, téléchargez une image pour votre badge de chat ici.

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 : cette option est disponible pour les éditions Basic, Advanced et Premium uniquement. Téléchargez une image personnalisée pour votre concierge de chat.

Personnalisation de la section Style de message

Cette section s’affiche uniquement si vous sélectionnez Simple dans la section Fenêtre de chat ci-dessus. Ces options sont disponibles pour les éditions Basic, Advanced et Premium uniquement.

• Style de message : avec l’option Bulles de dialogue, des bulles s’affichent autour de chaque message de chat envoyé. Avec l’option Lignes simples, seul le texte s’affiche.
• Afficher les avatars : cochez cette case pour afficher les avatars de l’agent et du visiteur à côté de chaque message de chat qu’ils envoient.

Personnalisation de la section Bouton de chat réduit

• Message en ligne : ce texte s’affiche quand un visiteur chatte avec un agent, mais a minimisé la fenêtre. L’exemple suivant illustre ce bouton avec le texte « Chattez avec nous ».
  
• Message hors ligne : ce texte s’affiche quand tous les agents sont hors ligne. L’exemple suivant illustre ce bouton avec le texte « Laissez un message ».