Vodite svoju online trgovinu na platformi Shoper? Ove vas upute vode kroz sve što vam je potrebno za povezivanje aplikacije Smartsupp — od instalacije dodatka jednim klikom do ručnog umetanja koda.
Upute smo podijelili na sljedeće odjeljke:
Instalacija dodatka Smartsupp
Na kontrolnoj ploči platforme Shoper idite na Dodaci i integracije > Aplikacije. Pomaknite se prema dolje i pronađite Smartsupp - live chat, Flow (prethodno chatbotovi) & video snimke, a zatim kliknite na njega.
Kliknite na gumb Instalirati aplikaciju .
Prihvatite uvjete & odredbe trgovine App Store, a zatim kliknite na Instalirati.
Prikazat će se poruka koja potvrđuje da je dodatak Smartsupp uspješno instaliran.
Konfiguracija aplikacije Smartsupp
Nakon instalacije idite na Dodaci i integracije > Moje aplikacije i kliknite na ikonu Smartsupp .
Možete izraditi novi Smartsupp račun ili se prijaviti na postojeći kako biste ga povezali sa svojom trgovinom na platformi Shoper.
Nakon povezivanja možete početi razgovarati sa svojim posjetiteljima ili prilagoditi postavke u aplikaciji Smartsupp 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 sada bi trebao biti vidljiv.
Ručna instalacija koda
Ako instalacija dodatka ne uspije, Smartsupp kod možete dodati ručno kao JavaScript isječak.
Kopiranje koda chata
Pronađite svoj jedinstveni Smartsupp kod chata na kontrolnoj ploči u odjeljku Postavke > Kanali > Live chat > Instalacija > Umetnuti kod.
Lijepljenje koda u Shoper
Na platformi Shoper idite na odjeljak za JavaScript isječak i zalijepite svoj Smartsupp kod. Obavezno uklonite oznake <script> i </script> — Shoper ne prihvaća HTML oznake u ovom polju.
Napomena: JavaScript polje na platformi Shoper može imati ograničenje broja znakova, pa neka kod bude što kraći. Izbjegavajte // komentare jer ih Shoper može smatrati nefunkcionalnima. Nakon lijepljenja osvježite preglednik kako biste vidjeli promjene.
Prilagodba putem API-ja
Smartsupp JavaScript API možete koristiti za prilagodbu ponašanja chat widgeta u svojoj trgovini na platformi Shoper. Evo nekoliko uobičajenih primjera:
Otvaranje chat widgeta pomoću prilagođenog gumba:
<button onclick="smartsupp('chat:open')">Chat with us</button>
Skrivanje chat widgeta na određenim stranicama (npr. na stranici košarice ili stranici za završetak kupnje):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Skrivanje zadanog gumba chata tako da ostane skriven nakon zatvaranja:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Napomena: JavaScript polje na platformi Shoper može imati ograničenje broja znakova i ne podržava // komentare. Neka vaš kod bude kratak i izbjegavajte HTML oznake kao što je <script>.
Deinstalacija dodatka
Ako trebate deinstalirati dodatak Smartsupp, idite na Dodaci i integracije > Moje aplikacije i kliknite na aplikaciju Smartsupp .
Kliknite na Deinstalirati aplikaciju.
Potvrdite deinstalaciju.
Napomena: Smartsupp i Shoper dvije su zasebne usluge. Deinstalacijom dodatka ne otkazujete svoju Smartsupp pretplatu. Za otkazivanje se obratite našem timu za podršku.
Povezani resursi:
Instalacija aplikacije Smartsupp — potpuni pregled svih načina instalacije.
Google Tag Manager — alternativni način instalacije pomoću GTM-a.
Što slijedi?
Osnovne postavke chat prozora — Prilagodite boje, položaj, poruke dobrodošlice i još mnogo toga.
Status chat prozora — Saznajte kako funkcionira status chat widgeta i kako njime upravljati.
Zašto ne vidim chat na svojoj web stranici? — Riješite najčešće probleme s instalacijom.
Preuzimanje dodataka — Istražite sve dostupne integracije s platformama.