A Shoprenterben a téma beállításaiban adhatsz külső szkriptet a boltodhoz, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Shoprenterbe, és a chat gomb megjelenik a bolt minden oldalán. Nem kell hozzá Shoprenter-alkalmazás vagy fejlesztő.
A menüpontokat pontosan úgy írjuk, ahogy a Shoprenter adminban látod őket. A 14 napos próbaboltban a Shoprenter egyes egyedi kódolási lehetőségeket csak az előfizetés után nyit meg.
1. Másold ki a Yaplet kódodat
A Yaplet bal oldali menüjében menj a Márka → (a márkád) → Chat widget → Telepítés útvonalra. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Shoprenter lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
A Shoprenternek <script> tagek közé tett kód kell, ezért a 3. lépésben beillesztett kódnak is ilyen tagek között kell lennie.
2. Nyisd meg az egyedi scriptek fülét
Lépj be a Shoprenter adminba, és menj a Megjelenés → Téma testreszabás menüpontra. Nyisd meg az Egyedi scriptek fület.
3. Illeszd be a kódot, és mentsd
- Keresd meg a Body részbe illeszthető scriptek mezőt.
- Kattints a mezőben egy üres sorba (a már ott lévő szkriptek után), és illeszd be a Yaplet 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>. - Kattints a Mentés gombra.
4. Nézd meg a boltodat
Nyisd meg a boltodat egy új böngészőfülön, és frissítsd az oldalt. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.
A teljes ellenőrzőlistát itt találod: A Yaplet telepítésének ellenőrzése.
Kapcsold ki a régi chatet
Ha a boltodban fut egy másik chat, vedd le, hogy a vásárlók ne lássanak két chat gombot. Az alkalmazásként telepített chatet az Alkalmazások menüben kezeled; a kódként beillesztett chat ugyanitt, az Egyedi scriptek fülön van, ahonnan törölheted a kódját.
Ha nem jelenik meg a chat
- A kód szövegként látszik az oldalakon. Hiányzik a
<script>és a</script>sor. Tedd őket a kód köré, és mentsd újra. - Témát váltottál. Az egyedi scriptek fül a téma testreszabásának része. Nézd meg az új témán a Megjelenés → Téma testreszabás → Egyedi scriptek fület, és ha nincs ott a kód, illeszd be újra.
- A próbaboltban zárolva van a fül. A Shoprenter az egyedi kódolási lehetőségeket akkor nyitja meg, amikor a boltnak már fizetős csomagja van.
- Inkább a Google Címkekezelőt használnád. A Shoprenterben a Tag Manager tárolódnak külön mezője van a Beállítások → SEO és Analitika beállítások → SEO beállítások menüpontban, a Google Tag Manager fülön. Utána a Yapletet a Címkekezelőben teszed fel: A Yaplet telepítése Google Tag Managerrel.
Mi a következő lépés?
Ha meg szeretnéd tudni, mit csinál a kód, és hol találod a widget azonosítóját, olvasd el ezt: A Yaplet telepítése.