Aller au contenu principal

Chat apparence & marque

Un chat qui ressemble à ce qui appartient à votre magasin, plutôt qu'un widget vissé, gagne plus de confiance de la part des clients qui décident s'il faut l'utiliser. Voici ce que vous pouvez réellement contrôler à partir des pages Apparence et Paramètres de l'application d'administration.

À partir d'un modèle de style

Trois modèles intégrés vous donnent un point de départ : Classic (fonds solides, bordures, ombres – traditionnelles), Floaty (éléments verreux, ambient-glow, transparent – modernes) et Bubbly Glow (arrondi, style iOS, un contour doux scintillant avec un remplissage de verre givré).

Couleurs

Couleur du message utilisateur (l'arrière-plan des messages d'un client) et couleur du message bot (le AI's réponses), chacune avec sa propre couleur de texte. Une couleur primaire, définie au niveau du bloc, est utilisée pour les messages utilisateur et la couleur de bordure/bulle conteneur sur une page spécifique lorsque ce bloc a "Utiliser les paramètres personnalisés" activé. Au-delà de cela: fond du conteneur, couleur et largeur de bordure, ombre (offset, flou, opacité), et couleur et épaisseur de diviseur entre les messages.

Forme et espacement

Rayon extérieur du conteneur, rayon de bulles de chat, et rayon entrée/bouton — tout de angles aigus à arrondis. Largeur du conteneur, rembourrage, et marge. Hauteur maximale de chat sur le bureau et mobile, chacun en pourcentage du port de vue.

La bulle flottante

Le chat rend toujours comme une bulle flottante à position fixe, ancrée en bas à gauche ou en bas à droite — jamais en ligne, jamais dans une barre latérale. Vous contrôlez sa position (gauche ou droite), sa taille en pixels, son icône (sparkles, chat, message, question, robot, ou recherche), sa couleur d'icône, et si elle montre du tout. Voir Position & mise en page du Chat pour le guidage du placement.

En-tête, bouton de connexion et avertissement

Afficher ou masquer l'en-tête de chat, avec sa propre couleur de texte. Afficher ou masquer l'invite de connexion invité. Afficher ou masquer la AI texte de désistement ("Ce AI Le guide peut faire des erreurs...").Et éventuellement afficher une image de profil — votre logo, disons — à côté des messages bot, à la taille que vous définissez.

CSS personnalisé

Les paramètres globaux incluent un champ CSS personnalisé, injecté directement dans la page. Voir Conception avancée de chat pour les propriétés CSS personnalisées et la structure DOM que vous pouvez cibler en toute sécurité.

Langue

L'interface utilisateur du widget — étiquettes à l'écran, messages d'état d'outil, en-tête et avertissement — prend en charge trois langues: anglais, allemand et néerlandais, résolue à partir de la langue de contenu de votre magasin. Ce n'est pas une traduction automatique de contenu arbitraire; c'est un ensemble fixe de chaînes traduites. Voir Soutien multi-langues.

Prochaines étapes