Une fois que le chat Smartsupp est installé sur votre site web, vous souhaiterez probablement commencer par configurer l’apparence et le comportement de la chat box. La chat box Smartsupp combine un chat et un formulaire de contact dans un seul widget, pour permettre aux visiteurs d’envoyer des messages et — si vous activez le formulaire de contact — de partager des informations comme leur nom et leur email.
💡 Où trouver ces options : 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 adapter le widget à votre site web :
Paramètre | Fonction |
Dégradé de couleurs | Définit les couleurs de la chat box pour les harmoniser avec votre marque. |
Position | Place la chat box sur le côté gauche ou droit de l’écran. |
Textes généraux | Modifie les libellés et les messages affichés dans la chat box. |
Thème | Modifie l’apparence générale de la chat box. |
Style d’en-tête | Permet de choisir entre les styles d’en-tête Compact et Standard . Compact réduit la hauteur de l’en-tête pour un widget plus épuré et davantage axé sur le contenu ; 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 de la chat box affichés à vos visiteurs. Pour en savoir plus, consultez Langues de la chat box. |
🟡 Bon à savoir : Les widgets créés à partir du 17 juin 2026 utilisent le style d’en-tête Compact par défaut. Les widgets créés auparavant conservent le style Standard pour assurer la rétrocompatibilité — vous pouvez passer de l’un à l’autre à tout moment dans les paramètres d’apparence de votre chat box.
Modifier la position de la chat box
Vous pouvez déplacer le bouton de chat directement depuis le tableau de bord — sans code :
Connectez-vous à votre compte Smartsupp.
Accédez à Paramètres > Canaux > Chat en direct > Apparence.
Ajustez la position — choisissez le côté gauche ou droit de l’écran, définissez un décalage vertical et réglez l’espacement par rapport aux bords.
Enregistrez vos modifications. La nouvelle position s’applique automatiquement à votre site web.
💡 Avancé : Les développeurs peuvent contrôler précisément la position de la chat box via l’API JavaScript — consultez Avancé : position de la chat box via l’API JavaScript.
Remarque — photo de l’opérateur & avatar de la chat box : La photo que les visiteurs voient dans la chat box est la photo de profilde l’opérateur ; elle ne peut pas être définie indépendamment de la photo du tableau de bord interne. L’ancienne smartsupp('chat:avatar') API JavaScript permettant de la remplacer a été supprimée et n’est plus prise en charge.
Et ensuite ?
Langues de la chat box — découvrez les langues prises en charge et comment les modifier.
Statut de la chat box — contrôlez quand votre chat box apparaît en ligne ou hors ligne.
Pourquoi le chat ne s’affiche-t-il pas sur mon site web ? — résolvez le problème d’une chat box qui ne s’affiche pas.
💡 Vous avez encore 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 par chat ou par email — nous serons ravis de vous aider.