Aller au contenu
Retour à tous les articles d'assistance
Configuration apparenceidentité visuelleavatarcouleurs

Apparence et identité visuelle

Tout ce qui est visuel se trouve sous Settings → Appearance. Les modifications s’appliquent au widget en ligne dès l’enregistrement.

Nom du bot

Le nom affiché dans l’en-tête du chat, et la valeur derrière le placeholder {bot_name} dans vos réponses. Obligatoire.

Avatar du bot

Choisissez l’une des cinq icônes intégrées — Bot 1, Bot 2, Bot 3, Human, Chat — ou téléversez la vôtre.

Pour une icône personnalisée :

  1. Sélectionnez Custom
  2. Téléversez un fichier PNG, JPEG, GIF ou WebP
  3. 512 Ko et 512 × 512 pixels maximum
  4. Enregistrez

L’icône s’affiche à environ 40 pixels : les détails fins et les petits textes seront illisibles. Une image carrée à fond transparent, avec une silhouette nette, fonctionne le mieux.

Deux interrupteurs déterminent où elle apparaît :

  • Display bot avatar icon in chat window header — désactivez pour un en-tête plus sobre. Le bouton du chat affiche l’icône dans tous les cas.
  • Show background circle behind bot avatar in chat window header — ajoute un fond circulaire derrière l’icône, et ne s’applique que si l’avatar est visible

Couleur principale

Détermine le bouton du widget et les couleurs d’accent. Laissez vide pour le vert par défaut #4CAF50. Doit être une valeur hexadécimale.

À vérifier :

  • Le contraste avec les icônes blanches de la bulle. Les couleurs très claires rendent l’icône peu visible.
  • Le rendu sur vos fiches produit, pas seulement sur votre page d’accueil.

Arrondi des angles

N’accepte que des pixels entiers — 12px, 8px, 16px. Les valeurs dans d’autres unités comme 1rem ou 50% sont refusées. Vide signifie la valeur par défaut 12px.

Langue de test

Définit la langue du panneau d’aperçu dans le tableau de bord. Elle reprend par défaut la langue principale de votre site et n’affecte jamais les vrais visiteurs. Seules les langues activées sous Site info sont proposées.

Vérifier votre travail

  1. Ouvrez la Demo page depuis Settings → General settings
  2. Regardez-la sur un téléphone comme sur un ordinateur
  3. Vérifiez que la bulle ne recouvre pas un bouton de panier fixe ni un bandeau cookies
  4. Vérifiez que la couleur reste lisible sur les zones sombres de votre site

À voir aussi

Articles associés

Contactez-nous

Notre équipe d'assistance est prête à vous fournir une aide rapide et personnelle lorsque vous en avez besoin.