Hogyan telepítsd a Smartsupp élő chatet a Shoper webáruházadba — a Shoper App Store beépített bővítményével vagy manuális kódbeillesztéssel.
A webáruházad Shoperen fut? Ez az útmutató végigvezet mindenen, amire szükséged van a Smartsupp csatlakoztatásához — az egykattintásos bővítménytelepítéstől a manuális kódbeillesztésig.
Az útmutatót a következő részekre bontottuk:
A Smartsupp bővítmény telepítése
A Shoper vezérlőpulton navigálj a Bővítmények és integrációk > Alkalmazások menüpontra. Görgess lefelé, és keresd meg a Smartsupp - live chat, chatbot & video recordings alkalmazást, majd kattints rá.
Kattints az Alkalmazás telepítése gombra.
Fogadd el az App Store általános szerződési feltételeit, majd kattints a Telepítés gombra.
Megjelenik egy megerősítő üzenet, hogy a Smartsupp bővítmény sikeresen telepítve lett.
A Smartsupp konfigurálása
A telepítés után navigálj a Bővítmények és integrációk > Saját alkalmazások menüpontra, és kattints a Smartsupp ikonra.
Létrehozhatsz egy új Smartsupp fiókot, vagy bejelentkezhetsz a meglévőbe, hogy összekapcsold a Shoper webáruházaddal.
Az összekapcsolás után elkezdhetsz csevegni a látogatóiddal, vagy módosíthatod a Smartsupp beállításait a Smartsupp API segítségével. Ne felejtsd el menteni a változtatásokat.
Tipp: A mentés után nyisd meg a webáruházadat egy új lapon, és frissítsd az oldalt — a Smartsupp chat widgetnek most már láthatónak kell lennie.
Manuális kódtelepítés
Ha a bővítmény telepítése nem működik, a Smartsupp kódot manuálisan is hozzáadhatod JavaScript kódrészletként.
A chat kód másolása
Az egyedi Smartsupp chat kódodat a vezérlőpulton találod a Beállítások > Chatbox > Telepítés > Kód beillesztése menüpont alatt.
A kód beillesztése a Shoperbe
A Shoperben navigálj a JavaScript kódrészlet szakaszhoz, és illeszd be a Smartsupp kódodat. Ügyelj arra, hogy távolítsd el a <script> és </script> címkéket — a Shoper nem fogad el HTML címkéket ebben a mezőben.
Megjegyzés: A Shoperben az API mező 250 karakteres korláttal rendelkezik. Kerüld a // megjegyzések használatát a kódban, mert a Shoper nem működőként kezelheti őket. A beillesztés után frissítsd a böngészőt a változtatások megtekintéséhez.
API testreszabás
A Smartsupp JavaScript API segítségével testreszabhatod a chat widget viselkedését a Shoper webáruházadban. Íme néhány gyakori példa:
A chat widget megnyitása egyéni gombbal:
<button onclick="smartsupp('chat:open')">Csevegjen velünk</button>
A chat widget elrejtése adott oldalakon (pl. kosár vagy fizetés):
if (location.pathname.startsWith('/cart') || location.pathname.startsWith('/checkout')) { _smartsupp.hideWidget = true; }
Az alapértelmezett chat gomb elrejtése és rejtve tartása bezárás után:
smartsupp('chat:hide'); smartsupp('on', 'chat:close', function() { smartsupp('chat:hide'); });
Megjegyzés: A Shoperben az API mező 250 karakteres korláttal rendelkezik, és nem támogatja a // megjegyzéseket. Győződj meg róla, hogy a kódod belefér a korlátba, és kerüld az olyan HTML címkéket, mint a <script>.
Tipp: Az elérhető API metódusok teljes listájáért tekintsd meg a Smartsupp API dokumentációt.
A bővítmény eltávolítása
Ha el kell távolítanod a Smartsupp bővítményt, navigálj a Bővítmények és integrációk > Saját alkalmazások menüpontra, és kattints a Smartsupp alkalmazásra.
Kattints az Alkalmazás eltávolítása gombra.
Erősítsd meg az eltávolítást.
Megjegyzés: A Smartsupp és a Shoper két különálló szolgáltatás. A bővítmény eltávolítása nem mondja le a Smartsupp előfizetésedet. A lemondáshoz kérjük, lépj kapcsolatba ügyfélszolgálatunkkal.
Kapcsolódó források:
Smartsupp telepítés — az összes telepítési módszer teljes áttekintése.
Google Tag Manager — alternatív telepítési módszer GTM-mel.
Mi a következő lépés?
Alapvető chatbox beállítások — Szabd testre a színeket, pozíciót, üdvözlő üzeneteket és még sok mást.
Chatbox állapot — Ismerd meg, hogyan működik a chat widget állapota és hogyan szabályozhatod.
Miért nem látom a chatet a weboldalamon? — A leggyakoribb telepítési problémák elhárítása.
Bővítmények letöltése — Fedezd fel az összes elérhető platform integrációt.
💡 További segítségre van szükséged? Lépj kapcsolatba ügyfélszolgálatunkkal — szívesen segítünk!