Identité Visuelle

Personnalisez les couleurs, le logo et l'apparence de votre widget chatbot.

Cet article est disponible en : English

Personnaliser l’identité visuelle de votre chatbot

Adaptez l’apparence de votre assistant pour qu’il s’intègre parfaitement au design de votre site web et reflète votre image de marque.

Introduction

Un chatbot qui ressemble à votre site web inspire confiance et augmente le taux d’engagement de vos visiteurs. DoxyChat vous offre des outils de personnalisation visuelle complets (Branding) pour que l’interface de chat ne soit pas une pièce rapportée, mais une extension naturelle de votre entreprise.

Toutes les modifications visuelles se font dans l’onglet Apparence de votre tableau de bord.

1. Changer le Logo (Avatar)

L’avatar est le “visage” de votre intelligence artificielle. Il apparaît dans la bulle de lancement du widget et à côté de chaque message envoyé par le bot.

Pour modifier l’avatar :

  1. Cliquez sur la zone de l’image actuelle ou sur le bouton Modifier l’avatar.
  2. Sélectionnez un fichier image depuis votre ordinateur (JPG, PNG).
  3. Validez.

Conseils de design :

  • Image carrée : Privilégiez un format carré (ratio 1:1) pour un rendu optimal dans le cercle.
  • Logo ou Humain ? Utilisez votre logo pour renforcer la marque, ou une photo de visage humain (libre de droits) pour rendre l’interaction plus chaleureuse et personnelle.

2. Définir la Couleur Primaire

La couleur primaire est l’élément clé de l’intégration graphique. Elle s’applique à trois endroits stratégiques :

  • Le bouton de lancement (la bulle flottante en bas de page).
  • L’en-tête de la fenêtre de conversation.
  • Les bulles de message envoyées par l’utilisateur.

Pour modifier la couleur :

  1. Repérez la section Couleur du thème.
  2. Utilisez le sélecteur de couleur pour choisir une teinte visuellement.
  3. Pour une précision parfaite, copiez-collez le code HEX de votre charte graphique (ex: #FF5733) dans le champ dédié.

3. Nom et Message de Bienvenue

L’identité textuelle est la première chose que vos visiteurs liront avant même de poser une question.

Le Nom du Chatbot

C’est le titre qui s’affiche en haut de la fenêtre de chat.

  • Approche fonctionnelle : “Assistant Virtuel”, “Support DoxyChat”.
  • Approche personnifiée : “Julie de la Compta”, “Léo”, “Expert Produit”.

Le Message de Bienvenue

C’est la phrase d’accroche qui apparaît automatiquement à l’ouverture du widget. Elle doit inciter l’utilisateur à engager la conversation.

  • Exemple neutre : “Bonjour, comment puis-je vous aider ?”
  • Exemple proactif : “Bienvenue ! Je suis là pour répondre à toutes vos questions sur nos tarifs et nos services.”

Aperçu en temps réel : Toutes vos modifications (logo, couleur, textes) sont immédiatement visibles dans la fenêtre d’Aperçu située à droite de votre écran de configuration. Cela vous permet de tester le rendu avant de sauvegarder.