Aller au contenu principal

Personnalisation du widget

Personnalisez l'apparence de votre chatbot : couleurs, logo, bulle, messages suggérés et teaser.


Options de personnalisation

Le widget Sens-AI est entièrement personnalisable depuis l’onglet Widget de votre bot. Toutes les modifications sont visibles en temps réel dans l’aperçu.

Couleurs

OptionDescriptionDéfaut
Couleur principaleCouleur de la bulle et des éléments d’accentBleu (#3B82F6)
Fond messages botCouleur de fond des messages du botGris foncé
Fond messages utilisateurCouleur de fond des messages du visiteurBleu

Cliquez sur le sélecteur de couleur ou entrez directement un code hexadécimal.

Uploadez votre logo pour remplacer l’icône par défaut dans l’en-tête du widget :

  • Formats acceptés : PNG, JPG, SVG
  • Taille maximale : 512 Ko
  • Dimensions recommandées : 200×200 pixels (carré)
  • Le logo est stocké de manière sécurisée sur notre infrastructure

Bulle de chat

La bulle est le bouton flottant qui ouvre la fenêtre de conversation :

  • Taille : petite, moyenne ou grande
  • Icône : choisissez parmi les icônes prédéfinies ou uploadez une icône personnalisée
  • Position : bas-droite ou bas-gauche de la page

Messages suggérés

Les messages suggérés sont des boutons cliquables affichés au début de la conversation pour guider le visiteur :

  • Ajoutez jusqu’à 5 suggestions
  • Chaque suggestion doit être courte (max 50 caractères)
  • Exemples : « Quels sont vos tarifs ? », « Je veux parler à un humain », « Comment ça marche ? »

Les suggestions aident les visiteurs à démarrer la conversation et réduisent l’appréhension face au chatbot.

Teaser (bulle d’accroche)

Le teaser est un message qui apparaît automatiquement à côté de la bulle pour attirer l’attention :

  • Message : texte court affiché dans une bulle (ex : « Besoin d’aide ? Posez-moi une question ! »)
  • Délai : temps avant apparition (1 à 60 secondes)
  • Le teaser ne s’affiche qu’une fois par session pour ne pas agacer les visiteurs
  • Il disparaît automatiquement si le visiteur ouvre le widget

Coins arrondis

Ajustez le rayon de bordure du widget pour l’adapter à votre design :

  • 0 px : coins carrés
  • 8 px : légèrement arrondis (défaut)
  • 16 px : très arrondis

Aperçu en temps réel

Toutes les modifications sont visibles instantanément dans l’aperçu à droite de l’éditeur. L’aperçu affiche le widget tel qu’il apparaîtra sur votre site.