Ugrás a fő tartalomra

Shoper

A Smartsupp élő chat telepítése az Ön Shoper webáruházába — a Shoper App Store beépített pluginjával vagy a kód kézi beillesztésével.

Írta: Michal Jindra

Ön a Shoper platformon üzemelteti webáruházát? Ez az útmutató végigvezeti Önt a Smartsupp csatlakoztatásához szükséges lépéseken — az egykattintásos plugintelepítéstől a kód kézi beillesztéséig.

Az útmutatót a következő szakaszokra bontottuk:


A Smartsupp plugin telepítése

A Shoper irányítópultján lépjen a következő menüpontra: Kiegészítők és integrációk > Alkalmazások. Görgessen lefelé, és keresse meg a következőt: Smartsupp - élő chat, Flow (korábban chatbotok) & videófelvételek, majd kattintson rá.

Kattintson az Alkalmazás telepítése gombra.

Fogadja el az App Store felhasználási feltételeit & kikötéseit, majd kattintson a következőre: Telepítés.

Egy megerősítő üzenet jelenik meg arról, hogy a Smartsupp plugin telepítése sikeres volt.


A Smartsupp beállítása

A telepítés után lépjen a következő menüpontra: Kiegészítők és integrációk > Saját alkalmazások és kattintson a Smartsupp ikonra.

Létrehozhat egy új Smartsupp-fiókot, vagy bejelentkezhet meglévő fiókjába, hogy összekapcsolja azt Shoper webáruházával.

A csatlakoztatás után elkezdhet chatelni látogatóival, vagy módosíthatja a Smartsupp beállításait a Smartsupp API segítségével. Ne feledkezzen meg a Módosítások mentéséről.

Tipp: Mentés után nyissa meg webáruházát egy új fülön, és frissítse az oldalt — a Smartsupp chat widgetnek ekkor már láthatónak kell lennie.


Kézi telepítés kóddal

Ha a plugin telepítése nem működik, a Smartsupp kódját kézzel is hozzáadhatja JavaScript-kódrészletként.

A chat kód másolása

Egyedi Smartsupp chat kódját az irányítópulton, a következő menüpontban találja: Beállítások > Csatornák > Élő chat > Telepítés > Kód beillesztése.

A kód beillesztése a Shoper felületén

A Shoper felületén lépjen a JavaScript-kódrészletek szakaszához, és illessze be Smartsupp kódját. Ügyeljen arra, hogy eltávolítsa a <script> és </script> címkéket — a Shoper ebben a mezőben nem fogad el HTML-címkéket.

Megjegyzés: A Shoper JavaScript-mezőjében karakterkorlát lehet érvényben, ezért a kód legyen a lehető legrövidebb. Kerülje a // megjegyzések használatát, mert a Shoper ezeket működésképtelennek tekintheti. A beillesztés után frissítse böngészőjét a változtatások megtekintéséhez.


Testreszabás API-val

A Smartsupp JavaScript API segítségével testreszabhatja a chat widget működését Shoper webáruházában. Íme néhány gyakori példa:

A chat widget megnyitása egyéni gombbal:

<button onclick="smartsupp('chat:open')">Chat with us</button>

A chat widget elrejtése bizonyos oldalakon (pl. a kosár vagy a pénztár oldalán):

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 Shoper JavaScript-mezőjében karakterkorlát lehet érvényben, és a mező nem támogatja a // megjegyzéseket. A kód legyen rövid, és kerülje az olyan HTML-címkéket, mint a <script>.

Tipp: Az elérhető API-metódusok teljes listáját itt találja: Smartsupp API-dokumentáció.


A plugin eltávolítása

Ha el szeretné távolítani a Smartsupp plugint, lépjen a következő menüpontra: Kiegészítők és integrációk > Saját alkalmazások és kattintson a Smartsupp alkalmazásra.

Kattintson a következőre: Alkalmazás eltávolítása.

Erősítse meg az eltávolítást.

Megjegyzés: A Smartsupp és a Shoper két különálló szolgáltatás. A plugin eltávolítása nem szünteti meg az Ön Smartsupp-előfizetését. A lemondáshoz kérjük, vegye fel a kapcsolatot ügyfélszolgálati csapatunkkal.

Kapcsolódó anyagok:


Mi a következő lépés?

💡 További segítségre van szüksége? Vegye fel a kapcsolatot ügyfélszolgálati csapatunkkal — örömmel segítünk!

Választ kapott a kérdésére?