Comment installer le chat en direct Smartsupp sur votre site Webnode — en utilisant l’intégration intégrée ou l’insertion manuelle de code.
Remarque : Webnode autorise l’insertion de code personnalisé uniquement sur les plans payants. Si vous utilisez un plan gratuit, vous devrez insérer le code sur chaque page individuellement.
Votre site est sur Webnode ? Ce guide vous accompagne dans tout ce dont vous avez besoin pour connecter Smartsupp à votre site — de l’installation globale premium à la méthode gratuite page par page.
Nous avons divisé le guide en sections suivantes :
Option 1 : Services Premium (installation globale)
Si vous avez un plan payant Webnode (Mini, Standard, Profi ou Business), vous pouvez insérer le code Smartsupp globalement pour qu’il apparaisse sur toutes les pages de votre site.
Vidéo explicative
Regardez comment insérer le code Smartsupp dans Webnode :
Copier le code du chat
Trouvez votre code de chat Smartsupp unique dans le tableau de bord sous Paramètres > Chatbox > Installation > Insérer le code.
Coller le code dans Webnode
Dans votre éditeur Webnode, allez dans Settings > Website Settings > Website header and footer > Website header HTML code. Collez le code du chat Smartsupp et cliquez sur Save.
Remarque : Si vous voyez une invitation à mettre à niveau votre plan, cela signifie que votre plan Webnode actuel ne prend pas en charge l’insertion de code personnalisé. Vous devrez passer à un plan payant ou utiliser la méthode gratuite par page.
Astuce : Après l’enregistrement, ouvrez votre site et actualisez la page — le widget de chat Smartsupp devrait maintenant être visible sur toutes les pages.
Option 2 : Plan gratuit (installation par page)
Avec le plan gratuit Webnode, l’insertion globale de code n’est pas disponible. Vous devez ajouter le code Smartsupp sur chaque page individuellement via les paramètres SEO.
Copier le code du chat
Trouvez votre code de chat Smartsupp unique dans le tableau de bord sous Paramètres > Chatbox > Installation > Insérer le code.
Coller le code sur chaque page
Dans votre éditeur Webnode, allez dans Pages, sélectionnez une page, puis ouvrez SEO page settings > Custom HTML header code. Collez le code Smartsupp et fermez la boîte de dialogue. Répétez pour chaque page où vous souhaitez afficher le chat.
Remarque : N’oubliez pas de Publier votre site après avoir ajouté le code pour appliquer les modifications.
Astuce : Après la publication, ouvrez votre site et actualisez la page — le widget de chat Smartsupp devrait maintenant être visible sur les pages où vous avez ajouté le code.
Ancienne version de Webnode
Si vous utilisez une ancienne version de Webnode, l’insertion de code fonctionne via l’intégration Smartsupp intégrée.
Dans votre éditeur Webnode, allez dans Contents > More > Business tools > Live chat (Smartsupp). Collez le code Smartsupp et cliquez sur OK. Puis Publiez votre site pour appliquer les modifications.
Astuce : Après la publication, ouvrez votre site et actualisez la page — le widget de chat Smartsupp devrait maintenant être visible.
Ressources associées :
Installation de Smartsupp — aperçu complet de toutes les méthodes d’installation.
Google Tag Manager — méthode d’installation alternative avec GTM.
Et ensuite ?
Paramètres de base de la chatbox — Personnalisez les couleurs, la position, les messages de bienvenue et plus encore.
Statut de la chatbox — Découvrez comment fonctionne le statut du widget de chat et comment le contrôler.
Pourquoi ne puis-je pas voir le chat sur mon site ? — Résolvez les problèmes d’installation les plus courants.
Télécharger les plugins — Explorez toutes les intégrations de plateformes disponibles.
💡 Besoin d’aide supplémentaire ? Contactez notre équipe de support — nous sommes ravis de vous aider !