Personnaliser l’apparence du widget

Réglages du bouton

Vous pouvez modifier :

le libellé ;
la couleur d’arrière-plan ;
la couleur de l’icône et du texte ;
la position à l’écran ;
les décalages associés.

Les positions disponibles sont : bas à droite, bas à gauche, haut à droite et haut à gauche.

Couleurs des messages

Des réglages distincts existent pour :

l’arrière-plan du message utilisateur ;
le texte du message utilisateur ;
l’arrière-plan du message IA ;
le texte du message IA.

Un aperçu vous aide à vérifier leur association.

Bonnes pratiques d’accessibilité

conservez un contraste lisible entre texte et fond ;
évitez une couleur de bouton trop proche de l’arrière-plan du site ;
vérifiez la position sur mobile ;
ne masquez pas un bouton important du site ;
utilisez un libellé court et orienté action.

Vérifier sur le site

Enregistrez les paramètres.
Actualisez le site public.
Contrôlez l’affichage sur ordinateur et mobile.
Ouvrez la conversation et comparez les messages utilisateur et IA.
Vérifiez les états de survol et de focus au clavier.

Exemple : rendre le bouton visible sans gêner le site

Pour un site clair, vous pouvez choisir :

libellé : Besoin d’aide ? ;
position : bas à droite ;
couleur du bouton : une couleur de marque suffisamment contrastée ;
couleur du texte : blanc si le fond est foncé ;
décalage inférieur : une valeur qui laisse visible le bandeau de consentement ;
décalage latéral : une marge qui ne recouvre pas le bouton d’achat.

Le libellé explique l’action, la position suit les habitudes de navigation et les décalages évitent les superpositions avec les éléments du site. Vérifiez le résultat sur ordinateur et sur mobile, puis utilisez le focus clavier pour confirmer que le bouton reste accessible.