Vous souhaitez connecter Smartsupp à votre site web ? Ce guide vous accompagne à chaque étape — de la création de votre compte à la vérification de la présence du widget de chat sur votre site.
Nous avons découpé le processus en étapes :
Étape 1 : Créer votre compte Smartsupp
Si vous n’avez pas encore de compte Smartsupp, commencez par vous inscrire gratuitement. L’inscription ne prend qu’une minute — il vous suffit d’indiquer votre adresse email.
Après la création du compte, vous serez automatiquement dirigé vers le tableau de bord Smartsupp où vous retrouverez votre code de chat et où vous pourrez commencer à configurer le chat en direct selon vos besoins.
Ressources associées :
Comment créer un compte Smartsupp ? — guide détaillé étape par étape sur la création de compte.
Vue d’ensemble du tableau de bord — familiarisez-vous avec le tableau de bord Smartsupp et ses principales sections.
Étape 2 : Trouver votre code de chat
Après l’inscription, un email vous sera envoyé contenant votre code de chat Smartsupp unique. Il est également disponible à tout moment depuis votre tableau de bord, à l’emplacement suivant : Paramètres > Canaux > Chat en direct > Installation > Insérer le code.
Votre code de chat se présente ainsi :
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Astuce : Chaque compte Smartsupp possède son propre code de chat. Veillez à bien copier l’intégralité du code — y compris les balises <script> d’ouverture et de fermeture.
Étape 3 : Ajouter Smartsupp à votre site web
Il existe trois façons d’installer Smartsupp sur votre site web. Choisissez la méthode la plus adaptée à votre configuration :
Option A : Coller directement le code
Collez le code de chat dans le HTML de votre site, entre les balises <head> ... </head>. Cela garantit que Smartsupp se charge sur chaque page de votre site.
Option B : Utiliser Google Tag Manager
Si vous gérez déjà vos scripts à l’aide de Google Tag Manager sur votre site web, vous pouvez ajouter le code Smartsupp comme balise HTML personnalisée. Cette méthode est idéale si vous souhaitez regrouper tous vos scripts au même endroit.
Option C : Utiliser un plugin prêt à l’emploi
Smartsupp propose des plugins et des intégrations pour de nombreuses plateformes populaires. Avec un plugin, il n’est pas nécessaire de toucher au code : il suffit d’installer le plugin et de connecter votre compte Smartsupp.
Des plugins sont disponibles pour des plateformes telles que :
Remarque : Si vous n’êtes pas à l’aise avec la modification du code de votre site web, nous vous recommandons d’utiliser un plugin ou de demander l’aide de votre développeur web pour l’installation.
Ressources associées :
Google Tag Manager — guide détaillé étape par étape pour l’installation via Google Tag Manager.
Télécharger les plugins — découvrez toutes les intégrations de plateforme disponibles.
Étape 4 : Vérifier votre installation
Une fois le code ajouté à votre site web, ouvrez votre site dans un navigateur pour vérifier que le widget de chat s’affiche dans l’angle inférieur de la page. Vous devriez voir la bulle de discussion Smartsupp prête à accueillir les visiteurs.
Si le widget n’apparaît pas, contrôlez les points suivants :
Le code est placé entre les balises <head> ... </head> (ou chargé via Google Tag Manager / plugin).
Votre site web est publié et accessible au public.
Aucune erreur JavaScript ne bloque le chargement du script.
Remarque : Après l’installation, vous pourrez voir apparaître des messages de démo dans le tableau de bord. Ceux-ci font partie de l’onboarding Smartsupp et servent à vous entraîner à utiliser la plateforme : ils ne proviennent pas de vrais visiteurs.
Astuce : Smartsupp fonctionne aussi sur tablette, iPad et dans nos applications mobiles natives pour Android et iPhone. Téléchargez gratuitement l’application mobile et dialoguez avec vos clients où que vous soyez !
Pour aller plus loin : multi-domaines et personnalisation avancée via API
Smartsupp peut être installé sur un nombre défini de domaines en fonction de votre forfait. Si vous souhaitez personnaliser l’apparence ou la langue du widget sur plusieurs sites, vous pouvez utiliser l’API Smartsupp pour une configuration avancée.
Remarque : La personnalisation via l’API (par exemple, configurer différentes couleurs du chat box ou langues selon le domaine) est disponible avec les forfaits Expert et Ultimate. Pour plus de détails, consultez la documentation API.
Et après ?
Paramètres de base du chat box — personnalisez les couleurs, la position, les messages d’accueil, etc.
Flow — configurez des scénarios d’automatisation de chat pour interagir avec les visiteurs 24h/24, 7j/7.
Introduction à l’assistant d’achat Mira AI — confiez les conversations et la recommandation de produits à l’intelligence artificielle.
Quel forfait choisir ? — comparez les forfaits et trouvez la meilleure option pour votre entreprise.
💡 Besoin d’aide supplémentaire ? Contactez notre équipe de support — nous sommes à votre disposition !