A Tildában saját kódot tehetsz az oldalad minden lapjának head részébe, és a Yaplet widgetnek csak erre van szüksége. Beilleszted ide a Yaplet kódot, újra közzéteszed az oldalaidat, és megjelenik a chat gomb az oldaladon. Nem kell minden lapra külön blokk, és fejlesztő sem.
A head-kód szerkesztéséhez fizetős Tilda-csomag kell (Personal vagy Business): az ingyenes Free csomagban nem szerkesztheted. A Tilda kéthetes ingyenes próbaideje minden funkciót tartalmaz. A menüpontokat angolul írjuk, ahogy a Tilda saját súgója mutatja, zárójelben a magyar jelentésükkel.
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 Tilda 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 head-kód beállítást
A Tildában nyisd meg az oldalad Site Settings (oldalbeállítások) részét, és menj a More → HTML code for the head section (További → HTML-kód a head részhez) pontra. Kattints az Edit Code (kód szerkesztése) gombra.
3. Illeszd be a kódot
Illeszd be a Yaplet kódot. A kódnak egy <script> sorral kell kezdődnie, és egy </script> sorral kell végződnie. Ha a kimásolt kód ehelyett így kezdődik: !function (Yaplet, írd elé egy új sorba, hogy <script>, utána pedig egy új sorba, hogy </script>. A kész kód így néz ki:
<script>
(a Yaplet kódod)
</script>Kattints a Save (mentés) gombra.
4. Tedd közzé újra az összes oldalt
A kód csak akkor kerül az oldalaidra, ha újra közzéteszed őket. Menj vissza a projekted irányítópultjára, és kattints a Publish all pages (összes oldal közzététele) gombra. Ha mappákat használsz, a Tilda megkérdezi, hogy az összes oldalt vagy csak az aktuális mappa oldalait tegye-e közzé: válaszd a Publish all (összes közzététele) lehetőséget.
Ez azokat az oldalakat is közzéteszi, amelyek még nincsenek fent, például a piszkozatokat. Ha egy piszkozatokat tartalmazó mappát nem akarsz közzétenni, előtte jelöld be a mappa beállításaiban az Archive Folder (mappa archiválása) négyzetet.
5. Nézd meg az oldaladat
Nyisd meg az oldaladat egy új böngészőfülön, és frissítsd. 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
- Nem tetted közzé újra az oldalakat. A kód mentése önmagában nem elég. Kattints a Publish all pages gombra a projekted irányítópultján.
- Nem találod a mezőt a More alatt. A Tilda régebbi súgóoldalain másként hívják a fület: Site Settings → Insert Code → HTML code for the HEAD section (Oldalbeállítások → Kód beszúrása → HTML-kód a HEAD részhez).
- Nem tudod szerkeszteni a head-kódot. Az oldalad az ingyenes Free csomagon van. Válts fizetős csomagra, vagy indítsd el az ingyenes próbaidőt.
- Hiányoznak a
<script>tagek. Nyisd meg újra a head-kódot, és nézd meg, hogy a kód előtti sorban ott van-e a<script>, a kód utáni sorban pedig a</script>. Mentsd, és tedd közzé újra az összes oldalt. - Még mindig a régi oldalt látod. A böngésződ egy tárolt változatot mutathat. Frissítsd az oldalt, vagy nyisd meg 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.