Shopify
Telepítsd a Yaplet chat widgetet a Shopify áruházadba a beágyazó szkript hozzáadásával a téma kódjához — nincs szükség alkalmazás telepítésére.
Áttekintés
A Yaplet-et bármely Shopify áruházhoz hozzáadhatod a beágyazó szkript beillesztésével a témád elrendezési fájljába. A szkript aszinkron módon töltődik be, így nem befolyásolja az áruházad oldalsebesességét.
Telepítési lépések
Másold ki a Yaplet beágyazó kódot
Jelentkezz be a Yaplet vezérlőpultra, 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 Shopify lehetőséget. Másold ki az ott látható teljes kódot. A beillesztett kódnak egy <script> sorral kell kezdődnie és egy </script> sorral kell végződnie; ha amit kimásoltál, ehelyett így kezdődik: !function (Yaplet, akkor írd be elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>.
Nyisd meg a téma kódszerkesztőt
A Shopify admin felületen menj az Online Store menüpontra. A jelenlegi témád mellett kattints a "..." gombra, és válaszd az Edit code lehetőséget. (A Shopify feliratait angolul írjuk; ha magyarra állítottad az adminodat, magyarul látod őket.)
Szerkeszd a téma elrendezési fájlt
A kódszerkesztő oldalsávjában nyisd meg a Layout mappát, és kattints a theme.liquid fájlra. Görgess a fájl aljára, és keresd meg a záró </body> taget.
Illeszd be a beágyazó szkriptet
Illeszd be a Yaplet beágyazó kódot közvetlenül a záró </body> tag fölé, majd kattints a Save gombra.
Ellenőrizd, hogy megjelenik-e a widget
Nyisd meg a Shopify áruházadat egy új böngészőlapon, és töltsd újra az oldalt. A Yaplet indítógombnak meg kell jelennie a jobb alsó sarokban.
Hibaelhárítás
Ha a widget nem jelenik meg a mentés után:
- Ellenőrizd a gyorsítótárat — A Shopify intenzíven gyorsítótáraz. Próbáld meg az áruházadat inkognitó ablakban megnyitni, vagy töröld a böngésző gyorsítótárat.
- Ellenőrizd az elhelyezést — Győződj meg róla, hogy a szkript a
<body>tagen belül van, nem egy{% comment %}blokkban vagy a záró</body>után. - Ellenőrizd a témádat — Egyes Shopify témák eltérő elrendezési fájlt használnak (pl.
theme.gem.liquid). Győződj meg róla, hogy azt az elrendezési fájlt szerkeszted, amelyet az oldalaid ténylegesen használnak.