Naudojatės „Shoper“ internetinei parduotuvei? Šiame vadove rasite viską, ko reikia Smartsupp prijungimui – nuo vieno paspaudimo įskiepio diegimo iki rankinio kodo įterpimo metodo.
Vadovą suskirstėme į šiuos skyrius:
Įdiegti Smartsupp įskiepį
Savo Shoper valdymo pulte eikite į Add-ons and integrations > Applications. Slinkite žemyn ir suraskite Smartsupp - live chat, Flow (formerly chatbots) & video recordings, tada spustelėkite.
Spustelėkite mygtuką Install application.
Sutikite su App Store taisyklėmis ir sąlygomis (Terms & Conditions), tada spustelėkite Install.
Pamatysite patvirtinimo pranešimą, kad Smartsupp įskiepis sėkmingai įdiegtas.
Konfigūruoti Smartsupp
Po diegimo eikite į Add-ons and integrations > My applications ir spustelėkite Smartsupp piktogramą.
Galite sukurti naują Smartsupp paskyrą arba prisijungti prie jau turimos ir prijungti ją prie savo Shoper parduotuvės.
Kai paskyra prijungta, galite pradėti bendrauti su lankytojais arba koreguoti Smartsupp nustatymus naudodami Smartsupp API. Nepamirškite išsaugoti pakeitimų.
Patarimas: Po išsaugojimo atidarykite savo parduotuvę naujoje kortelėje ir atnaujinkite puslapį – Smartsupp pokalbių widget dabar turėtų būti matomas.
Rankinis kodo diegimas
Jei įskiepio diegimas neveikia, galite pridėti Smartsupp kodą rankiniu būdu kaip JavaScript ištrauką (snippet).
Nukopijuoti pokalbių kodą
Savo unikalų Smartsupp pokalbių kodą rasite valdymo pulte skiltyje Settings > Channels > Live chat > Installation > Insert code.
Įklijuoti kodą Shoper sistemoje
Shoper sistemoje eikite į JavaScript ištraukos (snippet) skiltį ir įklijuokite savo Smartsupp kodą. Būtinai pašalinkite <script> ir </script> žymas – Shoper šiame lauke nepriima HTML žymų.
Pastaba: JavaScript laukas Shoper sistemoje gali turėti simbolių limitą, todėl laikykite kodą kuo trumpesnį. Nenaudokite // komentarų, nes Shoper gali juos laikyti nefunkcionaliais. Po įklijavimo atnaujinkite naršyklę, kad pamatytumėte pakeitimus.
API pritaikymas
Galite naudoti Smartsupp JavaScript API, kad pritaikytumėte pokalbių widget elgesį savo Shoper parduotuvėje. Štai keli dažni pavyzdžiai:
Atidaryti pokalbių widget iš pasirinkto mygtuko:
<button onclick="smartsupp('chat:open')">Chat with us</button>
Paslėpti pokalbių widget konkrečiuose puslapiuose (pvz., krepšelyje ar atsiskaityme):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Paslėpti numatytąjį pokalbių mygtuką ir išlaikyti jį paslėptą po uždarymo:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Pastaba: JavaScript laukas Shoper sistemoje gali turėti simbolių limitą ir nepalaiko // komentarų. Laikykite savo kodą trumpą ir venkite tokių HTML žymų kaip <script>.
Pašalinti įskiepį
Jei reikia pašalinti Smartsupp įskiepį, eikite į Add-ons and integrations > My applications ir spustelėkite Smartsupp programą.
Spustelėkite Uninstall the app.
Patvirtinkite pašalinimą.
Pastaba: Smartsupp ir Shoper yra dvi atskiros paslaugos. Pašalinus įskiepį, jūsų Smartsupp prenumerata nėra atšaukiama. Norėdami ją atšaukti, susisiekite su mūsų klientų aptarnavimo komanda.
Susiję šaltiniai:
Smartsupp diegimas – išsami visų diegimo metodų apžvalga.
Google Tag Manager – alternatyvus diegimo metodas su GTM.
Kas toliau?
Pagrindiniai pokalbių lango nustatymai – pritaikykite spalvas, poziciją, pasveikinimo žinutes ir daugiau.
Pokalbių lango būsena – sužinokite, kaip veikia pokalbių widget būsena ir kaip ją valdyti.
Kodėl nematau pokalbio savo svetainėje? – dažniausiai pasitaikančių diegimo problemų sprendimas.
Atsisiųsti įskiepius – peržiūrėkite visas galimas platformų integracijas.