Une fois le chat Smartsupp installé sur votre site web, la première chose que vous voudrez probablement faire est de configurer l'apparence et le comportement de la boîte de chat. La boîte de chat Smartsupp combine un chat et un formulaire de contact dans un seul widget, afin que les visiteurs puissent envoyer des messages et — si vous activez le formulaire de contact — partager des informations comme leur nom et leur e-mail.
💡 Où le trouver : Toutes les options ci-dessous se trouvent dans Paramètres > Boîte de chat dans votre tableau de bord Smartsupp.
Dans cet article :
Ce que vous pouvez personnaliser
Dans les paramètres d'apparence de la boîte de chat, vous pouvez ajuster les éléments suivants pour que le widget s'adapte à votre site web :
Paramètre | Ce qu'il fait |
Dégradé de couleur | Définit les couleurs de la boîte de chat pour qu'elles correspondent à votre marque. |
Position | Place la boîte de chat 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 boîte de chat. |
Thème | Change l'apparence générale de la boîte de chat. |
Changer la position de la boîte de chat
Vous pouvez déplacer le bouton de chat directement depuis le tableau de bord — sans aucun code :
Connectez-vous à votre compte Smartsupp.
Allez dans Paramètres > Boîte de chat > Apparence (ou Paramètres de position).
Ajustez l'emplacement — choisissez le côté gauche ou droit de l'écran, définissez un décalage vertical et l'espacement par rapport aux bords.
Enregistrez vos modifications. La position mise à jour s'applique automatiquement à votre site web.
Avancé : position via l'API JavaScript
🟡 Remarque : Changer la position via l'API nécessite le forfait EXPERT (Legacy : PRO) et un accès développeur au code de votre site web.
L'API JavaScript de Smartsupp donne aux développeurs un contrôle plus précis sur le widget de chat. Par exemple, vous pouvez définir des positions différentes pour ordinateur et mobile :
<script>
// Desktop position
smartsupp('chat:position', { bottom: 20, right: 20 });
// Mobile override
if (window.innerWidth < 768) {
smartsupp('chat:position', { bottom: 100, right: 10 });
}
</script>
Pour le mettre en œuvre :
Ouvrez le code de votre site web et localisez le script d'installation de Smartsupp.
Collez l'extrait ci-dessus directement sous le script Smartsupp.
Ajustez les valeurs
bottometrightselon votre design pour ordinateur et mobile.Enregistrez vos modifications et actualisez votre site web dans une fenêtre de navigation privée pour vérifier les nouvelles positions.
💡 Astuce : Pour un contrôle total, vous pouvez créer votre propre bouton et gérer le widget de chat entièrement via l'API JavaScript.
Et ensuite ?
Langues de la boîte de chat — consultez les langues prises en charge et comment les modifier.
Statut de la boîte de chat — contrôlez quand votre boîte de chat apparaît en ligne ou hors ligne.
Pourquoi je ne vois pas le chat sur mon site web ? — corrigez une boîte de chat qui n'apparaît pas.
💡 Besoin d'aide supplémentaire ? Si vous ne trouvez pas un paramètre ou si quelque chose ne fonctionne pas comme prévu, contactez notre équipe de support par chat ou e-mail — nous serons ravis de vous aider.