Imate li online trgovinu na Shoperu? Ovaj vodič jasno i jednostavno vodi vas kroz cijeli postupak povezivanja Smartsuppa — od brze instalacije klikom do ručnog unosa koda.
Vodič je podijeljen na ove dijelove:
Instalirati Smartsupp dodatak
U svojoj Shoper kontrolnoj ploči otvorite Add-ons and integrations > Applications. Pomaknite prema dolje i pronađite Smartsupp (prikazan kao Smartsupp – Live Czat, Czatbot, Mira AI i više AI alata), pa kliknite na njega.
Kliknuti gumb Instalirati aplikaciju.
Prihvatiti uvjete korištenja App Storea te kliknuti Instalirati.
Primit ćete poruku da je Smartsupp dodatak uspješno instaliran.
Konfigurirati Smartsupp
Nakon instalacije idite na Add-ons and integrations > My applications i kliknite na ikonu Smartsupp.
Možete izraditi novi Smartsupp račun ili se prijaviti s postojećim i povezati ga sa svojom Shoper online trgovinom.
Kada povežete Smartsupp s trgovinom, možete odmah započeti chat s posjetiteljima ili prilagoditi Smartsupp postavke putem Smartsupp API. Ne zaboravite spremiti promjene.
Savjet: Nakon spremanja otvorite svoju trgovinu u novoj kartici i osvježite stranicu — Smartsupp chat widget sada bi trebao biti prikazan.
Ručno dodati kod
Ako instalacija dodatka ne radi, Smartsupp kod možete dodati ručno kao JavaScript isječak.
Kopirati chat kod
Vaš jedinstveni Smartsupp chat kod pronaći ćete u kontrolnoj ploči pod Settings > Channels > Live chat > Installation > Insert code.
Zalijepiti kod u Shoper
U Shoperu, otvorite sekciju za JavaScript isječke i zalijepite svoj Smartsupp kod. Obavezno uklonite <script> i </script> oznake — Shoper u ovom polju ne prihvaća HTML oznake.
Napomena: Polje za JavaScript u Shoperu može imati ograničenje broja znakova, zato neka kod bude što kraći. Izbjegavajte // komentare jer ih Shoper može smatrati neprihvatljivima. Nakon što zalijepite kod, jednostavno osvježite stranicu da biste vidjeli promjene.
API prilagodba
Možete koristiti Smartsupp JavaScript API za dodatnu prilagodbu ponašanja chat widgeta na svojoj Shoper online trgovini. Evo nekoliko najčešćih primjera:
Otvoriti chat widget putem prilagođenog gumba:
<button onclick="smartsupp('chat:open')">Razgovarajte s nama</button>
Sakriti chat widget na određenim stranicama (npr. košarica ili naplata):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Sakriti zadani chat gumb i ostaviti ga skrivenim nakon zatvaranja:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Napomena: Polje za JavaScript u Shoperu može imati ograničenje broja znakova i ne podržava // komentare. Neka kod bude što kraći i izbjegavajte HTML oznake poput <script>.
Deinstalirati dodatak
Ako trebate deinstalirati Smartsupp dodatak, idite na Add-ons and integrations > My applications i kliknite na aplikaciju Smartsupp.
Kliknuti Deinstalirati aplikaciju.
Potvrditi deinstalaciju.
Napomena: Smartsupp i Shoper su dvije odvojene usluge. Deinstalacija dodatka ne otkazuje vašu pretplatu na Smartsupp. Za otkazivanje pretplate javite se našem timu za podršku.
Povezani resursi:
Instalacija Smartsuppa — potpuni pregled svih metoda instalacije.
Google Tag Manager — alternativni način instalacije putem GTM-a.
Što dalje?
Osnovne postavke chat boxa — Prilagodite boje, položaj, poruke dobrodošlice i više toga.
Status chat boxa — Saznajte kako funkcionira status chat widgeta i kako ga možete kontrolirati.
Zašto ne vidim chat na svojoj web stranici? — Rješavanje najčešćih problema s instalacijom.
Preuzeti dodatke — Saznajte sve dostupne integracije za platforme.