Hoppa till huvudinnehåll

Shoper

Så här installerar du Smartsupp livechatt på din Shoper-butik – via det inbyggda tillägget i Shoper App Store eller genom att lägga till koden manuellt.

Skrivet av Michal Jindra

Har du din webbutik på Shoper? Den här guiden visar allt du behöver för att koppla Smartsupp – från installation av tillägg med ett klick till manuell kodinmatning.

Vi har delat upp guiden i följande avsnitt:


Installera Smartsupp-tillägget

Gå till Tillägg och integrationer > Applikationer i din Shoper-instrumentpanel. Rulla ner och hitta Smartsupp (listad som Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI), klicka sedan på den.

Tryck på Installera applikationen.

Acceptera App Store-villkoren och klicka på Installera.

Du får ett bekräftelsemeddelande om att Smartsupp-tillägget har installerats.


Konfigurera Smartsupp

Efter installationen, gå till Tillägg och integrationer > Mina applikationer och klicka på Smartsupp-ikonen.

Du kan antingen skapa ett nytt Smartsupp-konto eller logga in på ett befintligt för att koppla det till din Shoper-butik.

När det är anslutet kan du börja chatta med dina besökare eller justera Smartsupp-inställningarna med hjälp av Smartsupp API. Glöm inte att Spara ändringarna.

Tips: När du har sparat, öppna din butik i en ny flik och uppdatera sidan – nu ska Smartsupp-widgeten synas.


Manuell installation av kod

Om installationen av tillägget inte fungerar kan du lägga till Smartsupp-koden manuellt som ett JavaScript-klipp.

Kopiera chattkoden

Hitta din unika Smartsupp-chattkod i instrumentpanelen under Inställningar > Kanaler > Live chatt > Installation > Infoga kod.

Klistra in koden i Shoper

I Shoper, gå till JavaScript-avsnittet och klistra in din Smartsupp-kod. Ta bort <script> och </script>-taggarna – Shoper tillåter inte HTML-taggar i detta fält.

Obs! JavaScript-fältet i Shoper kan ha en teckengräns, så håll koden så kort som möjligt. Använd inte //-kommentarer – Shoper kan betrakta dessa som ogiltiga. När du har klistrat in koden, uppdatera webbläsaren för att se ändringarna.


API-anpassning

Du kan använda Smartsupp JavaScript API för att anpassa widgetens beteende i din Shoper-butik. Här är några vanliga exempel:

Öppna widgeten från en egen knapp:

<button onclick="smartsupp('chat:open')">Chatta med oss</button>

Dölj widgeten på vissa sidor (t.ex. varukorg eller kassa):

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

Dölj standardknappen och håll den gömd även efter stängning:

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

Obs! JavaScript-fältet i Shoper kan ha en teckengräns och stöder inte //-kommentarer. Håll koden kort och undvik HTML-taggar som <script>.

Tips: För hela listan över tillgängliga API-metoder, se Smartsupp API-dokumentation.


Avinstallera tillägget

Behöver du avinstallera Smartsupp-tillägget? Gå till Tillägg och integrationer > Mina applikationer och klicka på Smartsupp-appen.

Tryck på Avinstallera appen.

Bekräfta avinstallationen.

Obs! Smartsupp och Shoper är två separata tjänster. Att avinstallera tillägget avslutar inte din Smartsupp-prenumeration. För att avsluta den, kontakta vårt Supportverktyg.

Relaterade resurser:


Vad händer nu?

💡 Behöver du mer hjälp? Kontakta vårt Supportverktyg – vi hjälper gärna till!

Fick du svar på din fråga?