Comment installer le chat en direct Smartsupp sur votre boutique Shoper — en utilisant le plugin intégré de l'App Store Shoper ou l'insertion manuelle du code.

Vous gérez votre boutique en ligne sur Shoper ? Ce guide vous accompagne à travers tout ce dont vous avez besoin pour connecter Smartsupp — de l'installation du plugin en un clic à la méthode d'insertion manuelle du code.

Nous avons divisé ce guide en sections suivantes :

Dans votre tableau de bord Shoper, allez dans Extensions et intégrations > Applications. Faites défiler la page et trouvez Smartsupp - live chat, chatbot & video recordings, 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 s'affichera pour indiquer que le plugin Smartsupp a été installé avec succès.

Après l'installation, allez dans Extensions 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 relier à votre boutique Shoper.

Une fois connecté, vous pouvez commencer à discuter avec vos visiteurs ou ajuster les paramètres de Smartsupp en utilisant l'API Smartsupp. N'oubliez pas d'enregistrer vos modifications.

Si l'installation du plugin ne fonctionne pas, vous pouvez ajouter le code Smartsupp manuellement sous forme de snippet JavaScript.

Trouvez votre code de chat Smartsupp unique dans le tableau de bord sous Paramètres > Chatbox > Installation > Insérer le code.

Dans Shoper, allez dans la section des snippets JavaScript et collez votre code Smartsupp. Assurez-vous de supprimer les balises <script> et </script> — Shoper n'accepte pas les balises HTML dans ce champ.

Vous pouvez utiliser l’API JavaScript de Smartsupp pour personnaliser le comportement du widget de chat sur votre boutique Shoper. Voici quelques exemples courants :

Ouvrir le widget de chat depuis un bouton personnalisé :

<button onclick="smartsupp('chat:open')">Discutez avec nous</button>

Masquer le widget de chat sur des pages spécifiques (par ex. panier ou paiement) :

if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }

Masquer le bouton de chat par défaut et le garder masqué après la fermeture :

smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });

Si vous devez désinstaller le plugin Smartsupp, allez dans Extensions et intégrations > Mes applications et cliquez sur l’application Smartsupp.

Cliquez sur Désinstaller l’application.

Confirmez la désinstallation.