Vous exploitez votre boutique en ligne sur Shoper ? Ce guide vous accompagne dans toutes les étapes pour connecter Smartsupp : de l’installation du plugin en un clic à la méthode manuelle d’insertion du code.
Nous avons divisé ce guide en sections suivantes :
Installer le plugin Smartsupp
Dans votre tableau de bord Shoper, accédez à Compléments et intégrations > Applications. Faites défiler vers le bas et trouvez Smartsupp (listé comme Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), puis cliquez dessus.
Cliquez sur le bouton Installer l’application.
Acceptez les Conditions générales de l’App Store puis cliquez sur Installer.
Un message de confirmation confirmera que le plugin Smartsupp a bien été installé.
Configurer Smartsupp
Après installation, allez dans Compléments et intégrations > Mes applications et cliquez sur l’icône Smartsupp.
Vous pouvez soit créer un nouveau compte Smartsupp, soit vous connecter à votre compte existant pour le connecter à votre boutique Shoper.
Une fois connecté, vous pouvez commencer à dialoguer avec vos visiteurs ou régler les paramètres Smartsupp via l’API Smartsupp. N’oubliez pas de Enregistrer vos modifications.
Astuce : Après avoir enregistré, ouvrez votre boutique dans un nouvel onglet et actualisez la page — le widget de chat Smartsupp devrait maintenant s’afficher.
Installation manuelle du code
Si l’installation du plugin ne fonctionne pas, vous pouvez ajouter le code Smartsupp manuellement sous forme de snippet JavaScript.
Copier le code du chat
Trouvez votre code de chat Smartsupp unique dans le tableau de bord à Paramètres > Canaux > Live chat > Installation > Insérer le code.
Coller le code dans Shoper
Dans Shoper, allez dans la section du snippet JavaScript et collez votre code Smartsupp. Veillez à retirer les balises <script> et </script> : Shoper n’autorise pas les balises HTML dans ce champ.
Remarque : Le champ JavaScript dans Shoper peut avoir une limite de caractères, alors gardez votre code aussi court que possible. Évitez les commentaires //, car Shoper peut les traiter comme non-fonctionnels. Après avoir collé, actualisez votre navigateur pour voir les modifications.
Personnalisation de l'API
Vous pouvez utiliser l’API JavaScript Smartsupp pour personnaliser le comportement du widget de chat sur votre boutique Shoper. Voici quelques exemples courants :
Ouvrir le widget de chat à partir d’un bouton personnalisé :
<button onclick="smartsupp('chat:open')">Discuter avec nous</button>
Masquer le widget de chat sur certaines pages (par exemple le panier ou le paiement) :
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Masquer le bouton de chat par défaut et le garder invisible après fermeture :
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Remarque : Le champ JavaScript dans Shoper peut avoir une limite de taille et ne prend pas en charge les commentaires //. Gardez votre code court et évitez les balises HTML comme <script>.
Astuce : Pour la liste complète des méthodes API disponibles, consultez la documentation API Smartsupp.
Désinstaller le plugin
Si vous devez désinstaller le plugin Smartsupp, allez dans Compléments et intégrations > Mes applications et cliquez sur l’application Smartsupp.
Cliquez sur Désinstaller l’application.
Confirmez la désinstallation.
Remarque : Smartsupp et Shoper sont deux services distincts. Désinstaller le plugin ne résilie pas votre abonnement Smartsupp. Pour annuler votre abonnement, veuillez contacter notre équipe d’assistance.
Ressources associées :
Installation Smartsupp — vue d’ensemble de toutes les méthodes d’installation.
Google Tag Manager — méthode alternative d’installation avec GTM.
Et ensuite ?
Paramètres de base du chat box — Personnalisez les couleurs, la position, les messages d’accueil et bien plus.
Statut du chat box — Découvrez comment fonctionne le statut du widget 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 fréquents.
Télécharger les plugins — Explorez toutes les intégrations de plateformes disponibles.