Spremni ste povezati Smartsupp sa svojom web stranicom? Ovaj vodič provest će vas kroz cijeli proces instalacije – od izrade računa do provjere da je chat widget aktivan na vašoj stranici.
Podijelili smo ga u korake:
Korak 1: Kreirati svoj Smartsupp račun
Ako još nemate Smartsupp račun, započnite tako da se besplatno registrirate. Registracija traje samo minutu – potrebna vam je samo email adresa.
Nakon što je račun kreiran, bit ćete preusmjereni na Smartsupp kontrolnu ploču gdje možete pronaći svoj jedinstveni kod chata i početi postavljati svoj live chat.
Povezani resursi:
Kako kreirati Smartsupp račun? — detaljne upute korak po korak za izradu računa.
Pregled kontrolne ploče — upoznajte Smartsupp kontrolnu ploču i njezine ključne odjeljke.
Korak 2: Pronaći svoj kod chata
Nakon registracije, dobit ćete email sa svojim jedinstvenim Smartsupp kodom chata. Također ga u svakom trenutku možete pronaći na kontrolnoj ploči pod Settings > Channels > Live chat > Installation > Insert code.
Vaš kod chata izgleda ovako:
<script>var _smartsupp = _smartsupp || {};_smartsupp.key = 'YOUR_SMARTSUPP_CODE';window.smartsupp||(function(d) { var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[]; s=d.getElementsByTagName('script')[0];c=d.createElement('script'); c.type='text/javascript';c.charset='utf-8';c.async=true; c.src='//www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);})(document);</script>
Savjet: Svaki Smartsupp račun ima jedinstven kod chata. Obavezno kopirajte cijeli isječak koda – uključujući početnu i završnu <script> oznaku.
Korak 3: Dodati Smartsupp na svoju web stranicu
Postoje tri načina da instalirate Smartsupp na svoju web stranicu. Odaberite metodu koja najbolje odgovara vašem okruženju:
Opcija A: Zalijepiti kod izravno
Umetnite kod chata u HTML svoje web stranice između oznaka <head> ... </head>. To osigurava da se Smartsupp učita na svakoj stranici vašeg weba.
Opcija B: Koristiti Google Tag Manager
Ako već koristite Google Tag Manager za upravljanje skriptama na svojoj web stranici, Smartsupp kod možete dodati kao prilagođenu HTML oznaku. Ovo je odlična opcija ako želite sve svoje skripte imati na jednom mjestu.
Opcija C: Koristiti gotov dodatak
Smartsupp nudi dodatke i integracije za mnoge popularne platforme. Uz dodatak ne morate dirati kod – samo instalirate dodatak i povežete svoj Smartsupp račun.
Dodatci su dostupni za platforme kao što su:
Napomena: Ako vam nije ugodno uređivati kod svoje web stranice, preporučujemo da koristite dodatak ili zamolite svog web developera za pomoć pri instalaciji.
Povezani resursi:
Google Tag Manager — detaljne upute korak po korak za instalaciju putem GTM-a.
Preuzeti dodatke — pregled svih dostupnih integracija za platforme.
Korak 4: Provjeriti instalaciju
Nakon što ste dodali kod na svoju web stranicu, otvorite web stranicu u pregledniku kako biste provjerili pojavljuje li se chat widget u donjem kutu stranice. Trebali biste vidjeti Smartsupp chat oblačić spreman da ga posjetitelji kliknu.
Ako se widget ne pojavljuje, dvaput provjerite sljedeće:
Kod je postavljen između oznaka <head> ... </head> (ili se učitava putem GTM-a / dodatka).
Vaša web stranica je objavljena i javno dostupna.
Nema JavaScript grešaka koje blokiraju učitavanje skripte.
Napomena: Nakon instalacije, na kontrolnoj ploči možete vidjeti demo poruke. One su dio Smartsupp početnog uvođenja i pomažu vam u vježbanju korištenja platforme – ne dolaze od stvarnih posjetitelja.
Savjet: Smartsupp radi i na tabletima, iPadima i u našim izvornim mobilnim aplikacijama za Android i iPhone. Preuzmite besplatnu mobilnu aplikaciju kako biste mogli razgovarati sa svojim kupcima i u pokretu!
Napredno: više domena i API prilagodba
Smartsupp se može instalirati na određeni broj domena, ovisno o vašem paketu. Ako trebate prilagoditi izgled ili jezik chat widgeta na različitim web stranicama, možete koristiti Smartsupp API za naprednu konfiguraciju.
Napomena: Prilagodbe temeljene na API-ju (poput postavljanja različitih boja chat prozora ili jezika po domeni) dostupne su u planovima EXPERT i ULTIMATE. Za detalje pogledajte API dokumentaciju.
Što dalje?
Osnovne postavke chat prozora — prilagodite boje, poziciju, pozdravne poruke i još mnogo toga.
Flow — postavite automatizirane chat tokove kako biste angažirali posjetitelje 24/7.
Uvod u Mira AI asistent za kupnju — prepustite AI-ju razgovore i preporuke proizvoda.
Koji paket odabrati? — usporedite planove i pronađite najbolji za svoje poslovanje.