Har du din butik på Shoper? I den här guiden får du koll på allt du behöver för att komma igång med Smartsupp – från smidig plugininstallation till hur du själv lägger in koden steg för steg.
Guiden är uppdelad så här:
Installera Smartsupp-plugin
Gå till Tillägg och integrationer > Applikationer i din Shoper-panel. Scrolla ner tills du hittar Smartsupp (den kan heta Smartsupp - Live Czat, Czatbot, Mira AI eller liknande), klicka på den.
Klicka sedan på Installera applikationen.
Godkänn App Store-villkoren och klicka på Installera.
Du får en bekräftelse på att Smartsupp-pluginet är installerat.
Ställ in Smartsupp
När pluginet är installerat öppnar du Tillägg och integrationer > Mina applikationer och klickar på Smartsupp-ikonen.
Nu kan du antingen skapa ett nytt Smartsupp-konto eller logga in på ditt redan befintliga för att koppla det till din Shoper-butik.
När allt är hopkopplat kan du börja chatta med dina besökare eller finslipa Smartsupp-inställningarna via Smartsupp API. Kom ihåg att Spara ändringarna.
Tips: När du sparat – öppna butiken i en ny flik och ladda om sidan. Nu ska Smartsupp-chatten dyka upp!
Lägg in kod manuellt
Om pluginet inte skulle funka kan du lägga in Smartsupp-koden manuellt med ett JavaScript-utdrag.
Kopiera chattkoden
Din unika Smartsupp-kod hittar du i panelen under Inställningar > Kanaler > Livechatt > Installation > Infoga kod.
Klistra in koden i Shoper
I Shoper: öppna avsnittet för JavaScript-utdrag och klistra in din Smartsupp-kod där. Kom ihåg att ta bort <script> och </script>-taggarna – Shoper tar inte emot HTML-taggar här.
Obs! JavaScript-fältet i Shoper har ibland begränsat antal tecken – håll därför koden så kort du kan. Använd inte //-kommentarer, Shoper kan då säga att koden är ogiltig. När du klistrat in, ladda om sidan för att se ändringarna.
API-anpassning
Med Smartsupp JavaScript API kan du själv bestämma hur chatten ska funka i din Shoper-butik. Här är några vanliga exempel:
Öppna chatten med en egen knapp:
<button onclick="smartsupp('chat:open')">Chatta med oss</button>
Dölj chatten på specifika sidor (t.ex. varukorg eller kassa):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Dölj Smartsupps standardknapp och håll chatten gömd även när den stängs:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Obs! JavaScript-fältet i Shoper kan ha teckenbegränsning och stöder inte //-kommentarer. Håll din kod så kort som möjligt och undvik HTML-taggar som <script>.
Ta bort plugin
Vill du ta bort Smartsupp-pluginet? Gå till Tillägg och integrationer > Mina applikationer och klicka på Smartsupp-appen.
Klicka på Avinstallera appen.
Bekräfta att du vill avinstallera.
Obs! Smartsupp och Shoper är två separata tjänster. Om du tar bort pluginet avslutas inte din Smartsupp-prenumeration automatiskt. Kontakta vårt supportteam om du vill säga upp din prenumeration.
Relaterade resurser:
Smartsupp-installation – överblick över alla installationstyper.
Google Tag Manager – alternativ installation via GTM.
Vad händer härnäst?
Kom igång med chattboxen – Justera färger, placering, välkomstmeddelande och mer.
Chatboxens status – Så funkar widgetens status och hur du styr den.
Varför syns inte chatten på min webbplats? – Felsökningsguide för de vanligaste installationsproblemen.
Hitta plugin – Utforska alla plattformsintegrationer som finns.