Vodite svoju online trgovinu na Shoperu? Ovaj vodič pokazuje sve korake potrebne za povezivanje Smartsuppa — od instalacije dodatka jednim klikom do metode s ručnim unosom koda.
Vodič smo podijelili u sljedeće odjeljke:
Instalirati Smartsupp dodatak
U svojoj Shoper kontrolnoj ploči idite na Dodaci i integracije > Aplikacije. Skrolajte prema dolje i pronađite Smartsupp - live chat, Flow (bivši chatbots) & video recordings, zatim kliknite na to.
Kliknite gumb Install application.
Prihvatite App Store uvjete i odredbe, zatim kliknite Install.
Vidjet ćete potvrdu da je Smartsupp dodatak uspješno instaliran.
Konfigurirati Smartsupp
Nakon instalacije idite na Dodaci i integracije > Moje aplikacije i kliknite na ikonu Smartsupp.
Možete kreirati novi Smartsupp račun ili se prijaviti na postojeći kako biste ga povezali sa svojom Shoper trgovinom.
Nakon povezivanja, možete početi chatati s posjetiteljima ili prilagoditi Smartsupp postavke pomoću Smartsupp API-ja. Ne zaboravite spremiti promjene.
Savjet: Nakon spremanja otvorite svoju trgovinu u novoj kartici i osvježite stranicu — Smartsupp chat widget bi sada trebao biti vidljiv.
Ručna instalacija koda
Ako instalacija dodatka ne radi, Smartsupp kod možete dodati ručno kao JavaScript isječak.
Kopirati kod chata
Svoj jedinstveni Smartsupp kod chata pronaći ćete u kontrolnoj ploči pod Postavke > Kanali > Live chat > Instalacija > Umetnuti kod.
Zalijepiti kod u Shoper
U Shoperu idite u odjeljak za JavaScript isječke i zalijepite svoj Smartsupp kod. Obavezno uklonite oznake <script> i </script> — Shoper ne prihvaća HTML oznake u ovom polju.
Napomena: JavaScript polje u Shoperu može imati ograničenje broja znakova, stoga kod neka bude što kraći. Izbjegavajte korištenje // komentara, jer ih Shoper može tretirati kao nefunkcionalne. Nakon lijepljenja osvježite preglednik kako biste vidjeli promjene.
API prilagodba
Smartsupp JavaScript API možete koristiti za prilagodbu ponašanja chat widgeta u svojoj Shoper trgovini. Evo nekoliko uobičajenih primjera:
Otvoriti chat widget iz prilagođenog gumba:
<button onclick="smartsupp('chat:open')">Chat with us</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 zadržati ga skrivenim nakon zatvaranja:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Napomena: JavaScript polje u Shoperu može imati ograničenje broja znakova i ne podržava // komentare. Neka vaš kod bude kratak i izbjegavajte HTML oznake poput <script>.
Deinstalirati dodatak
Ako trebate deinstalirati Smartsupp dodatak, idite na Dodaci i integracije > Moje aplikacije i kliknite na Smartsupp aplikaciju.
Kliknite Uninstall the app.
Potvrdite deinstalaciju.
Napomena: Smartsupp i Shoper su dvije odvojene usluge. Deinstalacija dodatka ne otkazuje vašu Smartsupp pretplatu. Za otkazivanje se obratite našem timu za podršku.
Povezani resursi:
Smartsupp instalacija — potpuni pregled svih metoda instalacije.
Google Tag Manager — alternativna metoda instalacije pomoću GTM-a.
Što dalje?
Osnovne postavke chat prozora — prilagodite boje, položaj, uvodne poruke i ostalo.
Status chat prozora — saznajte kako funkcionira status chat widgeta i kako ga kontrolirati.
Zašto ne vidim chat na svojoj web stranici? — rješavanje najčešćih problema s instalacijom.
Preuzeti dodatke — pregled svih dostupnih integracija s platformama.