Imate li vlastitu internetsku trgovinu na Shoperu? Ovaj vodič vodi vas korak po korak kroz postupak povezivanja Smartsuppa — od brze instalacije dodatka do unosa koda ručno.
Vodič je podijeljen na sljedeće dijelove:
Instalacija Smartsupp dodatka
U svojoj Shoper administraciji odaberite Dodatci i integracije > Aplikacije. Spustite se kroz popis i pronađite Smartsupp (prikazan kao Smartsupp - Live Czat, Czatbot, Mira AI i još više AI alata), pa ga odaberite klikom.
Odaberite gumb Instaliraj aplikaciju.
Prihvatite Uvjete korištenja App Storea pa kliknite Instaliraj.
Dobit ćete obavijest o uspješnoj instalaciji Smartsupp dodatka.
Konfiguracija Smartsuppa
Nakon instalacije otvorite Dodatci i integracije > Moje aplikacije i kliknite na ikonu Smartsupp.
Po potrebi kreirajte novi Smartsupp račun ili se prijavite u postojeći kako biste povezali Smartsupp s vašom Shoper trgovinom.
Nakon povezivanja, odmah možete započeti razgovor s posjetiteljima ili prilagoditi Smartsupp postavke pomoću Smartsupp API-ja. Obavezno Spremiti promjene.
Savjet: Nakon što spremite promjene, otvorite vašu internetsku trgovinu u novoj kartici i osvježite stranicu — widget za chat trebao bi se sada prikazivati.
Ručna instalacija koda
Ako instalacija dodatka ne uspije, možete Smartsupp kod dodati ručno kao JavaScript isječak.
Kopiranje koda chata
Svoj jedinstveni Smartsupp chat kod pronađite u administraciji pod Postavke > Kanali > Live chat > Instalacija > Unesi kod.
Dodavanje koda u Shoper
U Shoperu pronađite sekciju za JavaScript isječke i tamo zalijepite Smartsupp kod. Nemojte uključivati <script> i </script> oznake — Shoper ne prihvaća HTML oznake u ovom polju.
Napomena: Polje za JavaScript u Shoperu može imati ograničenje broja znakova pa kod neka bude što kraći. Izbjegavajte korištenje // komentara jer ih Shoper ne podržava. Nakon dodavanja koda osvježite stranicu kako bi promjene bile prikazane.
API prilagodba
Možete koristiti Smartsupp JavaScript API za prilagodbu prikaza i ponašanja chat widgeta u vašoj Shoper trgovini. U nastavku su najčešće primjene:
Otvoriti chat widget pomoću vlastitog gumba:
<button onclick="smartsupp('chat:open')">Razgovarajte s nama</button>
Sakriti chat widget na određenim stranicama (primjerice, tijekom košarice ili naplate):
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: Područje za JavaScript kod u Shoperu može imati ograničenje broja znakova i ne podržava // komentare. Kod neka bude kratak i nemojte uključivati HTML oznake poput <script>.
Deinstalacija dodatka
Želite li ukloniti Smartsupp dodatak, otvorite Dodatci i integracije > Moje aplikacije i kliknite na aplikaciju Smartsupp.
Kliknite na Deinstaliraj aplikaciju.
Potvrdite deinstalaciju kada se zatraži.
Napomena: Smartsupp i Shoper dvije su odvojene usluge. Deinstaliranjem dodatka ne prekidate svoju Smartsupp pretplatu. Za otkazivanje pretplate obratite se našem timu za podršku.
Povezani resursi:
Instalacija Smartsuppa — Pregled svih mogućnosti instalacije.
Google Tag Manager — Alternativna instalacija putem GTM-a.
Što nakon instalacije?
Osnovne postavke chat prozora — Prilagodite boje, položaj, poruke dobrodošlice i ostale detalje.
Status chat prozora — Otkrijte kako funkcionira status chata i kako ga upravljati.
Zašto ne vidim chat na svojoj web stranici? — Najčešći razlozi i rješenja za prikaz chata.
Preuzeti dodatci — Istražite sve dostupne integracije za platforme.