Ön Shoper rendszert használ online áruháza kezeléséhez? Ebben az útmutatóban lépésről lépésre bemutatjuk, hogyan csatlakoztathatja a Smartsuppot — akár a beépített bővítménnyel, akár kézi kódbeillesztéssel.
Az útmutató az alábbi szakaszokra tagolódik:
Smartsupp bővítmény telepítése
A Shoper vezérlőpultjában lépjen a Bővítmények és integrációk > Alkalmazások menüponthoz. Görgessen le, keresse meg a Smartsupp alkalmazást (Smartsupp - Live Czat, Czatbot, Mira AI i więcej narzędzi AI néven jelenik meg) és kattintson rá.
Kattintson az Alkalmazás telepítése gombra.
Fogadja el az App Store általános szerződési feltételeit, majd kattintson a Telepítés gombra.
Az alkalmazás sikeres telepítését megerősítő üzenet jelenik majd meg.
Smartsupp beállítása
A telepítést követően keresse meg a Bővítmények és integrációk > Saját alkalmazások menüpontot, majd kattintson a Smartsupp ikonra.
Lehetősége van új Smartsupp fiók létrehozására, vagy bejelentkezhet jelenlegi fiókjába, hogy összekapcsolhassa a Shoper áruházzal.
A csatlakoztatás után azonnal elkezdhet csevegni a látogatókkal, vagy módosíthatja a Smartsupp beállításokat a Smartsupp API segítségével. Ne felejtse el a Változtatások mentését.
Tipp: A mentés után nyissa meg áruházát egy új böngészőfülön, és frissítse az oldalt — a Smartsupp chat widgetnek most már láthatónak kell lennie.
Manuális kódbeillesztés
Ha a bővítmény telepítésével gondja akad, lehetősége van manuális JavaScript kódbeillesztésre is a Smartsupp integrálásához.
Chat kód másolása
Személyre szabott Smartsupp chat kódját az adminfelületen, a Beállítások > Csatornák > Élő chat > Telepítés > Kód beillesztése menüben találja.
Kód beillesztése Shoperben
A Shoper rendszerben keresse meg a JavaScript beszúrásához szükséges szakaszt, majd másolja be a Smartsupp kódját. Ügyeljen rá, hogy a <script> és </script> tageket törölje — a Shoper ebben a mezőben nem engedélyezi a HTML tageket.
Megjegyzés: A Shoper JavaScript mezőjének karakterkorlátja lehet, ezért tegye a kódot a lehető legrövidebbre. Kerülje az // megjegyzéseket, mivel azokat a rendszer nem kezeli megfelelően. A beillesztés után frissítse böngészőjét, hogy megjelenjenek a változások.
API testreszabás
A Smartsupp JavaScript API lehetővé teszi, hogy a chat widget működését saját igényeihez igazítsa Shoper áruházában. Íme néhány gyakori példa:
Chat widget megnyitása egyéni gombbal:
<button onclick="smartsupp('chat:open')">Beszélgessen velünk</button>
Chat widget elrejtése bizonyos oldalakon (például kosárnál vagy fizetésnél):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Alapértelmezett chat gomb elrejtése és rejtve marad, ha bezárja:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Megjegyzés: A JavaScript mező a Shoperben szintén karakterkorlátos lehet, továbbá az // típusú megjegyzéseket nem támogatja. A kódot tartsa röviden, illetve ne használjon