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, és navigálj a Beállítások → Widget → Beágyazás menüpontra. Másold ki az oldalon megjelenő teljes beágyazó szkriptet.

Nyisd meg a téma kódszerkesztőt

A Shopify admin felületen menj az Online Store → Themes menüpontra. Keresd meg az aktív témádat, kattints a "..." gombra, és válaszd az Edit code lehetőséget.

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.