A Shoptetben van egy HTML kódszerkesztő, amellyel saját kódot tehetsz a bolt minden oldalára, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Shoptetbe, és megjelenik a chat gomb a boltodban.
A menüpontokat pontosan úgy írjuk, ahogy a magyar nyelvű Shoptet adminban látod őket.
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 Más weboldal lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
A Shoptet HTML kód mezői HTML-t várnak, ezért a kódnak egy <script> és egy </script> sor között kell lennie. Ha a Más weboldal lehetőséget választottad, a kódban már benne vannak ezek a sorok. Ha a fül nem kérdezett rá, a kód sima JavaScript, amely így kezdődik: !function (Yaplet, és a 3. lépésben adod hozzá a sorokat.
2. Nyisd meg a Shoptet HTML kódszerkesztőjét
Lépj be a Shoptet adminba, és menj a Megjelenés és tartalom → Szerkesztő → HTML kód menüpontra.
3. Illeszd be a kódot
- Keresd meg a Footer mezőt. Az ide írt kód minden oldal végére kerül, közvetlenül a záró
</body>tag elé. (A Fejléc mező is jó.) - A mező végén kezdj egy új sort, és illeszd be a kimásolt kódot.
- Nézd meg az elejét: a kódnak egy
<script>sorral kell kezdődnie. Ha a kimásolt kód ehelyett így kezdődik:!function (Yaplet, írd elé egy új sorba, hogy<script>. - Nézd meg a végét: a kódnak egy
</script>sorral kell végződnie. Ha a kimásolt kód így kezdődött:!function (Yaplet, írd utána egy új sorba, hogy</script>. - Mentsd a változtatásokat.
Ha a mezőben már van más kód, ne töröld ki, hanem a Yaplet kódot tedd utána. Egy mezőbe legfeljebb 8192 karakter fér, a Yaplet kód a tagekkel együtt nagyjából 1500 karakter.
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: Telepítés ellenőrzése.
Ha nem jelenik meg a chat
- A Shoptet nem menti el a változtatást. A mező túllépte a 8192 karakteres határt. Ha a Footer mező majdnem tele van, illeszd be a kódot inkább a Fejléc mezőbe.
- A kód szövegként látszik az oldalakon. Hiányoznak a
<script>tagek. Tedd köré őket a 3. lépés szerint, majd mentsd. - A kódot a Sablontervezőben illesztetted be. Az ott végzett módosítások addig csak vázlatok, amíg rá nem kattintasz a Változások közzététele gombra.
- Nem találod a HTML kód menüpontot. Kérdezd meg a Shoptet ügyfélszolgálatát, hogy a csomagodban benne van-e.
- A böngésző az oldal régi változatát mutatja. Frissítsd az oldalt, vagy nyisd meg a boltodat egy privát ablakban.
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.