Shoper

Telepítsd a Yaplet chat widgetet Shoper webáruházra: régebbi (RWD) sablonnál a Shoper saját integrációin keresztül, Storefront sablonnál saját modulként.

Áttekintés

A Shoperben saját kódot tehetsz a bolt minden oldalára. Hogy hová kerül, az a sablontól függ:

  • Régebbi (RWD) sablonok — a Własne integracje (Saját integrációk) mezői. A kód köré <script> tagek kellenek.
  • Storefront sablonok — saját integrációs modul JavaScript mezővel. Ehhez Shoper Premium csomag kell. A kód tagek nélkül kerül be.

Ha nem tudod, melyik fajta sablont használja a bolt, kérdezd meg a Shoper ügyfélszolgálatát.

Ez az útmutató a lengyel nyelvű Shoper admint követi, ahogy a Shoper saját súgója is mutatja. A menüpontokat pontosan úgy írjuk, ahogy a Shoper mutatja őket, zárójelben magyar fordítással.

Telepítési lépések

Másold ki a Yaplet kódodat

A Yaplet vezérlőpulton menj a Márka → Chat widget menüpontra, és nyisd meg a Telepítés fület. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Más weboldal lehetőséget. Storefront sablonnál kapcsold ki ezt a kapcsolót is: A <script> és a </script> sorral együtt. Másold ki a kódot a kódblokk másolás gombjával.

A kimásolt kód egy <script> sorral kezdődik, vagy ha a fül nem kérdezett rá, illetve ha kikapcsoltad a sorokat, akkor így: !function (Yaplet. Hogy kellenek-e a <script> sorok, az attól függ, hová illeszted be.

Régebbi (RWD) sablon: illeszd be a Własne integracje mezőbe

A Shoper adminban menj az Aplikacje i integracje → Własne integracje menüpontra (Alkalmazások és integrációk → Saját integrációk). A panel előző változatában ez a Dodatki i integracje → Integracje własne menüpont.

A Stopka strony, przed zamknięciem </body> mezőben (Oldal lábléce, a záró </body> előtt) illeszd be a kódot egy új sorba. A Shoper előírja, hogy az ebbe a mezőbe írt kód HTML tagek között legyen, ezért a kódnak egy <script> sorral kell kezdődnie, és egy </script> sorral kell végződnie; ha a kimásolt kód ehelyett így kezdődik: !function (Yaplet, írd elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>. A Nagłówek strony - <head> mező (Oldal fejléce) is jó. Ha a mezőben már van más kód, hagyd meg, és a Yaplet kódot tedd utána.

Kattints a ZAPISZ gombra (Mentés).

Storefront sablon: add hozzá saját modulként

Ehhez Shoper Premium kell. Enélkül használd inkább a Google Tag Managert: a Shoper sablonszerkesztőjében van beépített Google Tag Manager modul.

Menj a Wygląd i treści → Wygląd sklepu → Edycja szablonu graficznego menüpontra (Megjelenés és tartalom → A bolt megjelenése → Grafikus sablon szerkesztése), és kattints az Edytuj układ i styl szablonu gombra (Sablon elrendezésének és stílusának szerkesztése). A szerkesztő menüjében kattints a Dodaj (Hozzáadás), majd a + Dodaj moduł własny (Saját modul hozzáadása) lehetőségre.

Nevezd el a modult (például Yaplet chat), válassz neki kategóriát, a típusát állítsd Moduł integracji (Integrációs modul) értékre, és állítsd be, hogy bármelyik oldalon működjön (dowolna strona). Illeszd be a Yaplet kódot a JS (JavaScript) mezőbe. A kódnak így kell kezdődnie: !function (Yaplet; ha a kimásolt kód egy <script> sorral kezdődik, hagyd ki ezt az első sort és az utolsó, </script> sort. A többi kódmező fejlesztőknek való; ha a Shoper kéri őket, kérdezd meg a fejlesztődet vagy a Shoper ügyfélszolgálatát. Kattints a ZAPISZ gombra (Mentés).

A szerkesztő Integracje (Integrációk) fülén keresd meg a modult, ellenőrizd, hogy be van-e pipálva az Aktywność modułu (A modul aktív), és mentsd.

Nézd meg a boltodat

Nyisd meg a boltodat egy új böngészőfülön, és frissítsd. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.

Hibaelhárítás

  • A kód szövegként látszik a bolt oldalain — a Własne integracje mezőben hiányoznak a <script> tagek. Tedd köré őket a fent leírt módon, majd mentsd.
  • Semmi sem jelenik meg, és <script> tageket tettél a modul JS mezőjébe — töröld őket. Ez a mező sima JavaScriptet vár.
  • A modul el van mentve, de nincs chat — nézd meg a szerkesztő Integracje fülén, hogy be van-e pipálva az Aktywność modułu, és mentsd.
  • Nincs + Dodaj moduł własny lehetőség — a bolt nem Shoper Premium csomagon van. Használd inkább a Google Tag Managert.
  • A böngésző az oldal régi változatát mutatja — frissítsd az oldalt, vagy nyisd meg a boltot egy privát ablakban.
A Telepítés oldal elmagyarázza, mit csinál a kód, és felsorolja az összes többi platform útmutatóját.

© 2026 Yaplet HU. All rights reserved.