A Framerben van egy Custom Code (egyéni kód) beállítás, amellyel szkripteket adhatsz az oldaladhoz, és a Framer maga is a chat widgeteket említi az egyik felhasználási módjaként. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Framerbe, közzéteszed az oldalt, és megjelenik a chat gomb.
A Framer a vásznon (canvas) lévő előnézetben nem futtat egyéni kódot. A chatet csak a közzétett oldaladon látod. A Framer felülete angol nyelvű, ezért a menüpontokat angolul írjuk, ahogy a képernyőn látod, zárójelben a 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.
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 a 3. lépésben teszed köré.
2. 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 oldaladon.
3. Add hozzá a Yaplet szkriptet
- Adj a szkriptnek egy nevet, amelyről később is ráismersz, például Yaplet chat.
- A kódmező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>. - Elhelyezésnek válaszd a
<body>végét. A Yaplet kód a háttérben tölti be a chatet, így nem lassítja az oldalaidat. - Hagyd minden oldalon. Csak akkor válassz ki konkrét oldalakat, ha csak azokon szeretnéd a chatet.
- Annál, hogy milyen gyakran fusson a kód, válaszd a Once (Egyszer) lehetőséget.
- Mentsd a szkriptet.
A kódmezőben ennek kell lennie:
<script>
!function (Yaplet, t, i) { … a Yaplet kódod … }();
</script>4. 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.
A teljes ellenőrzőlistát itt találod: Telepítés ellenőrzése.
Ha nem jelenik meg a chat
- 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 oldalaidon. Hiányoznak a
<script>tagek. Szerkeszd a Yaplet szkriptet a Custom Code fülön, tedd köré őket a 3. lépés szerint, és tedd közzé újra az oldalt. - A chat csak néhány oldalon jelenik meg. A szkript konkrét oldalakra van korlátozva. Szerkeszd, és á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 oldalad régi változatát látod. Frissítsd az oldalt a böngésző gyorsítótára nélkül, vagy nyisd meg 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.