L'onglet Style & Personnalisation de votre tableau de bord vous permet d'adapter parfaitement EcomBot à la charte graphique de votre marque.
Architecture CSS Dynamique
Contrairement aux widgets traditionnels qui chargent des feuilles de style lourdes (fichiers .css), EcomBot utilise un moteur d'injection de Variables CSS Dynamiques.
- Zéro Rechargement : Lorsque vous modifiez la couleur primaire ou secondaire de votre chat dans le Dashboard, la modification est injectée dynamiquement via l'API. Votre site web n'a pas besoin de vider son cache.
- Surcharge Avancée : Les développeurs peuvent injecter du code CSS personnalisé directement depuis l'éditeur du tableau de bord pour surcharger l'ombre du bouton (
--chat-fab-shadow) ou modifier le comportement au survol (hover).
Gestionnaire Multi-Canaux
EcomBot n'est pas uniquement une fenêtre de discussion. C'est un Hub de Contact. L'onglet "Canaux" vous permet de configurer le comportement d'ouverture du Widget.
- Chatbot IA : Le canal par défaut qui ouvre l'interface de discussion RAG.
- Formulaires de Contact (RGPD) : Si le client a une requête complexe, vous pouvez ajouter un formulaire natif. Ces formulaires embarquent nativement la gestion du consentement (case à cocher requise) pour être 100% conformes au RGPD.
- Liens Rapides & Groupes : Vous pouvez router vos visiteurs vers une FAQ, une page de suivi de commande, ou regrouper des canaux sous un même dossier (ex: "Contactez-nous" contenant E-mail et Téléphone).
Ces canaux sont instanciés de manière conditionnelle dans le DOM (React) afin de conserver un Widget ultra-léger qui n'impacte pas votre score Google PageSpeed.
Animations & Engagement (Vibe Coded)
L'expérience visuelle d'EcomBot est pensée pour un ressenti "SaaS Premium". Le widget intègre des micro-interactions conçues pour capter l'attention et rassurer l'utilisateur :
- Chargement Instantané (Fade-in) : Le widget apparaît de manière fluide sans aucun "flash blanc" au chargement de la page, assurant une intégration visuelle parfaite.
- Indicateurs de Réflexion en Temps Réel : Pendant que l'IA cherche un produit, l'utilisateur voit des statuts dynamiques ("Recherche de promotions...", "Analyse des stocks...") au lieu d'un simple indicateur de chargement. Cela réduit drastiquement le taux d'abandon pendant les recherches complexes.