A Webnode-ban van egy beállítás, amellyel HTML kódot tehetsz a weboldalad összes oldalának fejlécébe, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Webnode-ba, közzéteszed, és megjelenik a chat gomb az oldaladon.
A kód hozzáadása az összes oldal fejlécéhez Standard, Profi vagy Business prémium csomaggal lehetséges. Az ingyenes csomagban, valamint a Limited és a Mini csomagban nem érhető el.
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 Webnode fejléc mezője HTML-t vár, 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 fejléc kód beállítását a Webnode-ban
- Nyisd meg a weboldaladat a Webnode szerkesztőben, és kattints a felső sávban a Beállítások menüpontra.
- Menj a Weboldal beállítások részre.
- Nyisd le a kis nyilat a Weboldal fejléc és lábléc HTML mellett.
3. Illeszd be a kódot
- Kattints bele a Weboldal fejlécének HTML kódja mezőbe. Ha már van benne más kód, hagyd meg, és kattints alá.
- Illeszd be a kimásolt kódot egy új sorba.
- 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>. - Kattints a Mentés gombra.
4. Tedd közzé a változtatásokat
Kattints a szerkesztő jobb felső sarkában a KÖZZÉTESZ gombra. A mentés önmagában nem változtat az élő oldaladon, a közzététel viszont azonnal.
5. Nézd meg az oldaladat
Nyisd meg a weboldaladat 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
- Elmentetted, de nem tetted közzé. Kattints a szerkesztőben a KÖZZÉTESZ gombra.
- 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, mentsd, és tedd közzé. - A chat csak egy oldalon jelenik meg. A kódot egyetlen oldal saját fejléc mezőjébe illesztetted (Oldalak → az oldal SEO beállításai → Egyedi HTML kód a fejlécbe). Töröld onnan, és illeszd be a Weboldal fejlécének HTML kódja mezőbe a 3. lépés szerint.
- A weboldalad ingyenes, Limited vagy Mini csomagon van. A fejléc kódhoz Standard, Profi vagy Business prémium csomag kell.
- A böngésző az oldal régi változatát mutatja. Frissítsd az oldalt, vagy nyisd meg az oldaladat 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.