Note : Webnode permet l’insertion de code personnalisé uniquement dans les forfaits payants. Si vous utilisez le forfait Free, vous devrez insérer le code sur chaque page individuellement.
Vous faites fonctionner votre site web sur Webnode ? Ce guide vous accompagne dans toutes les étapes pour connecter Smartsupp à votre site — de l’installation globale premium à la méthode gratuite page par page.
Nous avons divisé le guide dans les sections suivantes :
Option 1 : Services premium (installation globale)
Si vous disposez d’un forfait payant Webnode (Mini, Standard, Pro ou Business), vous pouvez insérer le code Smartsupp globalement afin qu’il apparaisse sur toutes les pages de votre site web.
Présentation vidéo
Regardez comment insérer le code Smartsupp dans Webnode :
Copier le code du chat
Trouvez votre code unique de chat Smartsupp dans le tableau de bord, sous Paramètres > Canaux > Chat en direct > Installation > Insérer le code.
Coller le code dans Webnode
Dans l’éditeur Webnode, allez dans Paramètres > Paramètres du site web > En-tête et pied de page du site web > Code HTML de l’en-tête du site web. Collez le code Smartsupp puis cliquez sur Enregistrer.
Note : Si un message vous invite à passer à un forfait supérieur, cela signifie que votre forfait Webnode actuel ne prend pas en charge l’insertion de code personnalisé. Vous devrez passer à un forfait payant ou utiliser la méthode gratuite page par page à la place.
Astuce : Après avoir enregistré, ouvrez votre site web et actualisez la page — le widget de chat Smartsupp devrait maintenant être visible sur toutes les pages.
Option 2 : Forfait Free (installation page par page)
Avec le forfait Free de Webnode, l’insertion globale du code n’est pas possible. Vous devez donc ajouter le code Smartsupp sur chaque page individuellement via les paramètres SEO.
Copier le code du chat
Trouvez votre code unique de chat Smartsupp dans le tableau de bord, sous Paramètres > Canaux > Chat en direct > Installation > Insérer le code.
Coller le code sur chaque page
Dans l’éditeur Webnode, allez dans Pages, sélectionnez une page, puis ouvrez Paramètres SEO de la page > Code HTML personnalisé de l’en-tête. Collez le code Smartsupp et fermez la fenêtre. Répétez cette opération pour chaque page où vous souhaitez voir apparaître le chat.
Note : N’oubliez pas de publier votre site web après avoir ajouté le code pour que les modifications soient prises en compte.
Astuce : Après publication, ouvrez votre site et actualisez la page — le widget de chat Smartsupp devrait apparaître sur les pages où vous avez ajouté le code.
Ancienne version de Webnode
Si vous utilisez une ancienne version de Webnode, l’insertion du code se fait via l’intégration Smartsupp intégrée.
Dans l’éditeur Webnode, allez dans Contenus > Plus > Outils business > Chat en direct (Smartsupp). Collez le code Smartsupp puis cliquez sur OK. Ensuite, publiez votre site pour appliquer les modifications.
Astuce : Après publication, ouvrez votre site puis actualisez la page : le widget de chat Smartsupp devrait s’afficher.
Ressources associées :
Installation Smartsupp — vue d’ensemble de toutes les méthodes d’installation.
Google Tag Manager — méthode alternative d’installation via GTM.
Et ensuite ?
Paramètres de base de la chat box — Personnalisez couleurs, position, messages d’accueil et plus encore.
Statut de la chat box — Découvrez le fonctionnement du statut du widget de chat et comment le contrôler.
Pourquoi le chat n’apparaît-il pas sur mon site web ? — Résolvez les problèmes d’installation les plus courants.
Télécharger les plugins — Explorez toutes les intégrations de plateformes disponibles.