Apparence et image de marque
Tout l’aspect visuel se trouve dans Settings → Appearance. Les modifications s’appliquent au widget en ligne dès l’enregistrement : faites-les en dehors des heures de pointe.
Nom du bot
Le nom affiché dans l’en-tête du chat, et la valeur derrière l’espace réservé {bot_name} dans vos réponses.
Choisissez quelque chose de court et d’humain. Un nom change la façon dont les visiteurs formulent leurs questions — on demande conseil à Mika, on demande un lien à Assistant.
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 :
- Sélectionnez Custom
- Téléversez un fichier PNG, JPEG, GIF ou WebP
- Maximum 512 Ko et 512 × 512 pixels
- Enregistrez
Utilisez une image carrée, à fond transparent et à silhouette nette. L’icône s’affiche à environ 40 pixels : les détails fins et les petits textes disparaissent.
Deux interrupteurs déterminent son affichage :
- Display bot avatar icon in chat window header — désactivez pour un en-tête plus sobre
- Bot avatar background — ajoute un léger fond circulaire derrière l’icône, uniquement si l’avatar est visible
Couleur principale
Définit le bouton du widget et les couleurs d’accentuation. Laissez vide pour le vert par défaut #4CAF50.
Conseils pratiques :
- Utilisez votre couleur d’appel à l’action, pas celle de votre logo. La bulle entre en concurrence avec vos boutons.
- Vérifiez le contraste avec les icônes blanches de la bulle. Les couleurs très claires rendent l’icône illisible.
- Vérifiez sur vos pages produit, pas seulement sur la page d’accueil.
Arrondi des angles
Accepte une longueur CSS comme 12px, 8px ou 16px. Vide signifie la valeur par défaut 12px.
Alignez-vous sur l’arrondi de vos propres boutons et cartes. Un widget arrondi sur un site à angles droits paraît rapporté.
Langue de test
Définit la langue du panneau d’aperçu dans le tableau de bord. Sa valeur par défaut est votre langue principale et elle n’affecte jamais les vrais visiteurs.
Vérifier votre travail
- Ouvrez la Demo page depuis Settings → Chatbot settings
- Regardez-la sur un téléphone autant que sur un ordinateur
- Vérifiez que la bulle ne recouvre pas un bouton panier fixe ou une bannière de cookies
- Vérifiez que la couleur reste lisible dans les sections sombres de votre site
Voir aussi
Articles associés
Infos du site et contexte IA
Renseignez les champs qui indiquent à l'IA qui vous êtes, ce que vous vendez et comment vous exprimer.
Les réponses IA expliquées
La différence entre réponses prédéfinies et intelligentes, et comment le bot choisit.
Configuration multilingue
Activez des langues, traduisez vos réponses et maintenez un catalogue produit par langue.
Contactez-nous
Notre équipe d'assistance est prête à vous fournir une aide rapide et personnelle lorsque vous en avez besoin.