Driver du din nätbutik på Shoper? Den här guiden går igenom allt du behöver för att koppla Smartsupp – från plugin-installation med ett klick till metoden med manuell kod.
Vi har delat upp guiden i följande avsnitt:
Installera Smartsupp-pluginet
Gå till Tillägg och integrationer > Applikationer i din Shoper-instrumentpanel. Scrolla ner och hitta Smartsupp - live chat, Flow (formerly chatbots) & video recordings, klicka sedan på den.
Klicka på knappen Installera applikation.
Acceptera App Store-villkoren och klicka sedan på Installera.
Du ser ett bekräftelsemeddelande på att Smartsupp-pluginet har installerats.
Konfigurera Smartsupp
Efter installationen går du till Tillägg och integrationer > Mina applikationer och klickar på ikonen Smartsupp.
Du kan antingen skapa ett nytt Smartsupp-konto eller logga in på ditt befintliga för att koppla det till din Shoper-butik.
När du har kopplat det kan du börja chatta med dina besökare eller justera Smartsupp-inställningarna med Smartsupp API. Glöm inte att spara dina ändringar.
Tips: När du har sparat öppnar du din butik i en ny flik och uppdaterar sidan – Smartsupp-chattwidgeten ska nu vara synlig.
Manuell kodinstallation
Om plugin-installationen inte fungerar kan du lägga till Smartsupp-koden manuellt som ett JavaScript-snippet.
Kopiera chattkoden
Hitta din unika Smartsupp-chattkod i instrumentpanelen under Inställningar > Kanaler > Live chat > Installation > Infoga kod.
Klistra in koden i Shoper
Gå till avsnittet för JavaScript-snippet i Shoper och klistra in din Smartsupp-kod. Se till att ta bort taggarna <script> och </script> — Shoper accepterar inte HTML-taggar i detta fält.
Obs: JavaScript-fältet i Shoper kan ha en teckenbegränsning, så håll koden så kort som möjligt. Undvik att använda //-kommentarer, eftersom Shoper kan behandla dem som icke-funktionella. När du har klistrat in, uppdatera din webbläsare för att se ändringarna.
API-anpassning
Du kan använda Smartsupp JavaScript API för att anpassa chattwidgetens beteende i din Shoper-butik. Här är några vanliga exempel:
Öppna chattwidgeten från en egen knapp:
<button onclick="smartsupp('chat:open')">Chatta med oss</button>
Dölj chattwidgeten på specifika sidor (t.ex. varukorg eller kassa):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Dölj standardchattknappen och håll den dold efter stängning:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Obs: JavaScript-fältet i Shoper kan ha en teckenbegränsning och stöder inte //-kommentarer. Håll din kod kort och undvik HTML-taggar som <script>.
Avinstallera plugin
Om du behöver avinstallera Smartsupp-pluginet, gå till Tillägg och integrationer > Mina appar och klicka på Smartsupp-appen.
Klicka på Avinstallera appen.
Bekräfta avinstallationen.
Observera: Smartsupp och Shoper är två separata tjänster. Att avinstallera pluginet avslutar inte din Smartsupp-prenumeration. För att avsluta den, kontakta vårt supportteam.
Relaterade resurser:
Smartsupp-installation — komplett översikt över alla installationsmetoder.
Google Tag Manager — alternativ installationsmetod med GTM.
Vad händer härnäst?
Grundläggande inställningar för chattrutan — anpassa färger, position, välkomstmeddelanden och mycket mer.
Status för chattrutan — lär dig hur chattwidgetens status fungerar och hur du styr den.
Varför kan jag inte se chatten på min webbplats? — felsök de vanligaste installationsproblemen.
Ladda ner plugins — utforska alla tillgängliga plattformsintegrationer.