Après avoir installé la chat box Smartsupp sur votre site web, la première étape consiste généralement à adapter l’apparence et le fonctionnement de la chat box. La chat box Smartsupp réunit le chat et le formulaire de contact en un seul widget, permettant aux visiteurs d’envoyer un message — et si vous activez le formulaire de contact — de communiquer des informations comme le nom ou l'adresse email.
💡 Où la trouver : Toutes les options ci-dessous se trouvent dans Paramètres > Canaux > Chat en direct dans votre tableau de bord Smartsupp.
Dans cet article :
Ce que vous pouvez personnaliser
Dans les paramètres d’apparence de la chat box, vous pouvez ajuster les éléments suivants pour que le widget soit en harmonie avec votre site web :
Paramètre | Fonction |
Dégradé de couleur | Définit les couleurs de la chat box pour les adapter à votre marque. |
Position | Positionne la chat box à gauche ou à droite de l’écran. |
Textes généraux | Permet d’éditer les libellés et messages affichés dans la chat box. |
Thème | Permet de modifier l’apparence générale de la chat box. |
Style d’en-tête | Permet de passer d’un en-tête Compact à un en-tête Standard. L’en-tête compact réduit la hauteur pour un widget plus épuré, centré sur le contenu ; la version Standard conserve un en-tête plus grand, mieux adapté au chat en direct avec plusieurs opérateurs. |
Langue de la chat box | Définit la langue des textes affichés à vos visiteurs dans la chat box. Pour plus de détails, consultez Langues de la chat box. |
🟡 Bon à savoir : Les widgets créés à partir du 17 juin 2026 utilisent l’en-tête Compact par défaut. Les widgets plus anciens conservent l’en-tête Standard pour assurer la compatibilité ; vous pouvez passer de l’un à l’autre à tout moment dans les paramètres d’apparence de la chat box.
Changer la position de la chat box
Vous pouvez déplacer le bouton de la chat box directement depuis le tableau de bord — aucune modification de code n’est nécessaire :
Connectez-vous à votre compte Smartsupp.
Accédez à Paramètres > Canaux > Chat en direct > Apparence.
Ajustez l’emplacement : choisissez le côté gauche ou droit de l’écran, déterminez le décalage vertical et l’espacement par rapport aux bords.
Enregistrez vos modifications. Le nouveau positionnement est appliqué automatiquement à votre site web.
💡 Avancé : Les développeurs peuvent contrôler précisément la position de la chat box via l’API JavaScript – voir Avancé : position de la chat box via l’API JavaScript.
Remarque — photo d’agent & avatar de la chat box : La photo affichée dans la chat box est la photo de profil de l’agent ; elle ne peut pas être différente de celle visible dans le tableau de bord interne. L’ancienne API JavaScript smartsupp('chat:avatar') permettant de la modifier a été supprimée et n’est plus prise en charge.
Et ensuite ?
Langues de la chat box — voyez quelles langues sont prises en charge et comment les modifier.
Statut de la chat box — contrôlez l’apparition en ligne ou hors ligne de la chat box.
Pourquoi la chat box n’apparaît-elle pas sur mon site web ? — résolvez les soucis d’affichage de la chat box.
💡 Besoin d’aide ? Si vous ne trouvez pas un paramètre ou si quelque chose ne fonctionne pas comme prévu, contactez notre équipe d’assistance via la chat box ou par email – nous sommes là pour vous aider.