Vous souhaitez intégrer le chat en direct Smartsupp à votre site WordPress ? Ce guide présente toutes les méthodes possibles : du plugin officiel à l’ajout manuel du code, en passant par la configuration avancée pour des pages précises.
Pour faciliter la lecture, ce guide est organisé en sections :
Option 1 : Installer via le plugin WordPress (recommandé)
La solution la plus simple pour ajouter Smartsupp à votre site WordPress est d’utiliser notre plugin officiel. Aucune connaissance technique n’est nécessaire : il suffit d’installer, de vous connecter et c’est prêt, vous pouvez dialoguer avec vos visiteurs.
Installer le plugin
Depuis l’interface d’administration de WordPress, rendez-vous dans Extensions > Ajouter, recherchez Smartsupp Live Chat puis cliquez sur Installer maintenant. Il ne reste plus qu’à activer le plugin.
Se connecter à votre compte Smartsupp
Une fois le plugin activé, vous verrez apparaître l’option Créer un compte Free ou Connecter un compte existant. Connectez-vous avec vos identifiants Smartsupp pour associer votre compte.
Si tout a été configuré correctement, l’écran de confirmation ci-dessous s’affichera. Le widget Smartsupp sera alors visible sur votre site web.
Astuce : L’option plugin est la solution la plus rapide et la plus stable pour installer Smartsupp. Elle évite toute modification manuelle des fichiers ou des thèmes ; les mises à jour sont gérées automatiquement.
Option 2 : Ajouter le code manuellement
Si vous ne souhaitez pas utiliser le plugin, vous pouvez ajouter le code du chat Smartsupp directement dans le fichier d’en-tête de votre thème WordPress.
Remarque : Modifier les fichiers d’un thème peut provoquer des erreurs et rendre votre site inaccessible. Si vous n’êtes pas à l’aise avec cette manipulation, privilégiez le plugin ou demandez conseil à un développeur.
Copier votre code de chat
Vous trouverez votre code unique Smartsupp dans le tableau de bord sous Paramètres > Canaux > Chat en direct > Installation > Insérer le code.
Coller le code dans votre thème
Ouvrez Apparence > Éditeur de fichiers du thème > En-tête du thème (header.php), puis collez le code du chat juste avant la balise de fermeture </head>. Enfin, cliquez sur Mettre à jour le fichier.
Option 3 : Avancé — installation sur des pages spécifiques
Par défaut, les installations par plugin ou ajout manuel affichent Smartsupp sur l’ensemble de votre site web. Pour que le widget n’apparaisse que sur certaines pages, utilisez le plugin WordPress Scripts n Styles.
Installer Scripts n Styles
Depuis l’administration de WordPress, allez dans Extensions > Ajouter, recherchez Scripts n Styles puis installez-le.
Adapter le code du chat
Avec Scripts n Styles, il faut utiliser une version allégée du code Smartsupp : supprimez simplement les balises <script> au début et à la fin — le plugin les ajoute pour vous.
Remarque : Veillez bien à supprimer uniquement la balise d’ouverture <script type="text/javascript"> et la balise de fermeture </script>. Le code JavaScript doit rester inchangé.
Le code modifié doit ressembler à ceci (exemple ; utilisez bien votre propre clé unique) :
Ajouter le code à des pages spécifiques
Allez dans Pages, éditez la page où le chat doit s'afficher et collez le code adapté dans la zone Scripts n Styles située sous le contenu. Cliquez ensuite sur Mettre à jour les scripts, puis sur Mettre à jour la page.
Informations importantes
Smartsupp n’est pas disponible sur WordPress.com
Vous ne pouvez pas installer Smartsupp sur un site WordPress.com gratuit : cette version ne permet ni l’ajout de plugins personnalisés ni de code JavaScript. Pour utiliser Smartsupp, vous avez besoin d’un site WordPress.org auto-hébergé vous offrant un contrôle total sur les extensions et fichiers de thème.
Remarque : Si votre connexion Smartsupp se fait avec un compte Google, il ne sera pas possible de vous connecter directement via le plugin WordPress. Ajoutez alors le code manuellement, ou cliquez sur « Mot de passe oublié » sur Smartsupp pour configurer l’accès par e-mail.
Ressources utiles :
Installation Smartsupp — Toutes les méthodes d’installation résumées.
Google Tag Manager — Guide alternatif pour l’installation via GTM.
Et maintenant ?
Paramètres de base de la chat box — Personnalisez couleurs, position, messages de bienvenue, et plus encore.
Statut de la chat box — Comment fonctionne le statut du widget, et comment le gérer efficacement.
Pourquoi le chat n’apparaît-il pas sur mon site ? — Solutions aux problèmes d’installation fréquents.
Télécharger des plugins — Découvrez toutes les intégrations de plateformes proposées.
💡 Besoin d’aide ? Contactez notre équipe d’assistance : nous sommes là pour vous accompagner !