Har du nettbutikk på Shoper? Denne veiledningen viser deg alt du trenger for å koble til Smartsupp – fra ett-klikks plugin‑installasjon til metoden med manuell kodesetting.
Vi har delt veiledningen inn i følgende deler:
Installer Smartsupp‑pluginen
Gå til Tillegg og integrasjoner > Applikasjoner i Shoper‑dashboardet ditt. Bla nedover og finn Smartsupp - live chat, Flow (tidligere chatbots) & videoopptak, og klikk på den.
Klikk på knappen Installer applikasjon.
Godta App Store‑vilkårene og betingelsene, og klikk deretter Installer.
Du vil se en bekreftelse på at Smartsupp‑pluginen ble installert.
Konfigurer Smartsupp
Etter installasjonen går du til Tillegg og integrasjoner > Mine applikasjoner og klikker på Smartsupp‑ikonet.
Du kan enten opprette en ny Smartsupp‑konto eller logge inn på den eksisterende for å koble den til Shoper‑butikken din.
Når tilkoblingen er fullført, kan du begynne å chatte med de besøkende eller justere Smartsupp‑innstillingene ved å bruke Smartsupp API. Ikke glem å lagre endringene dine.
Tips: Etter at du har lagret, åpner du butikken din i en ny fane og oppdaterer siden – Smartsupp‑chatwidgeten skal nå være synlig.
Manuell installasjon med kode
Hvis installasjon via plugin ikke fungerer, kan du legge til Smartsupp‑koden manuelt som et JavaScript‑utdrag.
Kopier chatkoden
Finn din unike Smartsupp‑chatkode i dashboardet under Innstillinger > Kanaler > Live chat > Installasjon > Sett inn kode.
Lim inn koden i Shoper
I Shoper går du til JavaScript‑utdragsseksjonen og limer inn Smartsupp‑koden. Pass på å fjerne taggene <script> og </script> – Shoper godtar ikke HTML‑tagger i dette feltet.
Merk: JavaScript‑feltet i Shoper kan ha en tegnbegrensning, så hold koden så kort som mulig. Unngå å bruke //‑kommentarer, siden Shoper kan behandle dem som ikke‑funksjonelle. Etter at du har limt inn koden, oppdater nettleseren for å se endringene.
API‑tilpasning
Du kan bruke Smartsupp JavaScript API til å tilpasse hvordan chatwidgeten oppfører seg i Shoper‑butikken din. Her er noen vanlige eksempler:
Åpne chatwidgeten fra en egen knapp:
<button onclick="smartsupp('chat:open')">Chat with us</button>
Skjul chatwidgeten på bestemte sider (f.eks. handlekurv eller kasse):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Skjul standard chatknapp og hold den skjult etter at den er lukket:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Merk: JavaScript‑feltet i Shoper kan ha en tegnbegrensning og støtter ikke //‑kommentarer. Hold koden kort og unngå HTML‑tagger som <script>.
Avinstaller pluginen
Hvis du vil avinstallere Smartsupp‑pluginen, går du til Tillegg og integrasjoner > Mine applikasjoner og klikker på Smartsupp‑appen.
Klikk Avinstaller appen.
Bekreft avinstallasjonen.
Merk: Smartsupp og Shoper er to separate tjenester. Å avinstallere pluginen avslutter ikke Smartsupp‑abonnementet ditt. For å avslutte det, ta kontakt med vårt supportteam.
Relaterte ressurser:
Smartsupp‑installasjon – komplett oversikt over alle installasjonsmetoder.
Google Tag Manager – alternativ installasjonsmetode med GTM.
Hva nå?
Grunnleggende chatboksinnstillinger – tilpass farger, plassering, velkomstmeldinger og mer.
Chatboksstatus – lær hvordan chatwidget‑statusen fungerer og hvordan du styrer den.
Hvorfor kan jeg ikke se chatten på nettstedet mitt? – feilsøk de vanligste installasjonsproblemene.
Last ned plugins – se alle tilgjengelige plattformintegrasjoner.