Framer
Telepítsd a Yaplet chat widgetet Framer-oldalra a Framer Custom Code beállításával. Nem kell hozzá plugin vagy kódkomponens.
Áttekintés
A Framer Custom Code (Egyéni kód) beállításával szkripteket adhatsz az oldaladhoz, és a Framer a chat widgeteket is említi a felhasználási módjai között. Ha a Yaplet kódot itt adod hozzá, a <body> végére, a chat widget minden oldalon megjelenik. Nem kell hozzá plugin vagy kódkomponens.
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 Framer egyéni kódja HTML-t vár, ezért a tageket beillesztéskor teszed köré.
Nyisd meg a Custom Code beállítást a Framerben
Nyisd meg a Framer-projektedet és a beállításait, majd válaszd a Custom Code (Egyéni kód) fület. Kattints az Add Script (Szkript hozzáadása) gombra, vagy a + ikonra, ha már van szkript az oldalon.
Add hozzá a Yaplet szkriptet
Nevezd el a szkriptet (például Yaplet chat), és illeszd be a 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>
!function (Yaplet, t, i) { … a Yaplet kódod … }();
</script>
Elhelyezésnek válaszd a <body> végét. Hagyd minden oldalon, a futás gyakoriságát állítsd Once (Egyszer) értékre, és mentsd a szkriptet.
Tedd közzé és nézd meg az oldaladat
Tedd közzé 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 vásznon lévő előnézetet nézed — a Framer csak a közzétett oldalon futtat egyéni kódot. Tedd közzé az oldalt, és nyisd meg az élő változatot.
- A kód szövegként látszik az oldalon — hiányoznak a
<script>tagek. Szerkeszd a Yaplet szkriptet a Custom Code fülön, tedd köré őket, és tedd közzé újra az oldalt. - A chat csak néhány oldalon jelenik meg — a szkript konkrét oldalakra van korlátozva. Állítsd be, hogy minden oldalon fusson.
- A Framer nem enged szkriptet hozzáadni — kérdezd meg a Framer ügyfélszolgálatát, hogy a csomagodban benne van-e az egyéni kód.
- Még mindig az oldal régi változatát látod — frissítsd a böngésző gyorsítótára nélkül, vagy nyisd meg az oldalt privát ablakban.