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.
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.