Hostinger Website Builder
Telepítsd a Yaplet chat widgetet a Hostinger Website Builderrel készült oldalra a szerkesztő Custom code integrációjával. Fejlesztő nem kell hozzá.
Áttekintés
A Hostinger Website Builderben van egy Custom code (egyéni kód) mező, amellyel külső szkripteket tehetsz az egész oldalra. Ha ide illeszted a Yaplet kódot, és frissíted a weboldalt, a chat widget minden oldalon megjelenik. Fejlesztő nem kell hozzá.
Telepítési lépések
Másold ki a Yaplet kódodat
A Yaplet vezérlőpulton menj a Márka → Chat widget menüpontra, és nyisd meg a Telepítés fület. 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.
Ha a kimásolt kód így kezdődik: !function (Yaplet, akkor még nincs körülötte <script> tag. A Hostinger Custom code mezője a HTML-tagek alapján rendezi el a kódot, ezért beillesztéskor hozzáadod ezeket a tageket.
Nyisd meg az integrációs beállításokat
A szerkesztőben kattints a More (további) gombra (a ⋯ jelre), és válaszd az Integrations (integrációk) pontot.
Illeszd be a kódot a Custom code mezőbe
A Custom code (egyéni kód) mezőbe 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>
Ha a mezőben már van más kód, a tiédet az alá illeszd be, sose egy másik kódrészlet közepébe. A Hostinger a <script> tagek közötti kódot minden oldal végére teszi.
Mentsd, és frissítsd a weboldalt
Mentsd a módosításokat, majd frissítsd (tedd közzé) a weboldalt. A kód csak a frissítés után kerül fel az élő oldalra.
Nézd meg az oldaladat
Nyisd meg az élő oldalt 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.
Hibaelhárítás
- A szerkesztőben nézed — az egyéni kód csak előnézet módban és az élő oldalon fut, a szerkesztőben nem.
- Nem frissítetted a weboldalt — a mentés önmagában nem elég. Frissítsd a weboldalt, hogy az új kód felkerüljön az oldalakra.
- Hiányoznak a
<script>tagek — nézd meg, hogy a kód előtti sorban ott van-e a<script>, a kód utáni sorban pedig a</script>, majd mentsd és frissítsd újra a weboldalt. - A kód hozzáadása után elromlik az oldal — menj az Integrations → Custom code (Integrációk → Egyéni kód) részre, töröld az összes kódrészletet, és frissítsd a weboldalt. Utána egyenként tedd vissza őket, hogy kiderüljön, melyik okozza a hibát.
- Még mindig a régi oldalt látod — a böngésző egy tárolt változatot mutathat. Frissítsd az oldalt, vagy nyisd meg egy privát ablakban.