A Yaplet telepítése Carrd-oldalra

A Carrd Embed (beágyazás) eleme saját kódot tud tenni az oldaladra, és a Yaplet widgetnek csak erre van szüksége. Hozzáadsz egy Embed elemet, beilleszted a Yaplet kódot, közzéteszed az oldalt, és megjelenik a chat gomb.

Saját kód beágyazásához a Carrd Pro Standard vagy Pro Plus csomagja kell. A Pro Lite és az ingyenes csomag nem tartalmazza. A Carrd 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 Carrd Embed eleme HTML-t vár, ezért a tageket a 3. lépésben teszed köré.

2. Adj hozzá egy Embed elemet

Nyisd meg az oldaladat a Carrd szerkesztőjében. Kattints az Add Element (Elem hozzáadása), majd az Embed (Beágyazás) gombra.

3. Állítsd be a beágyazást

1. A Type (Típus) legyen Code (Kód).
2. A Code (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>.
3. Ha szeretnéd, adj meg egy Label (Címke) értéket, amelyről később is ráismersz, például Yaplet chat.
4. A Style (Stílus) legyen Hidden (Rejtett), majd válaszd a Body End (a body vége) helyet. A rejtett beágyazás az oldal bármely pontjáról működik, így az elemet a legvégére is áthelyezheted, hogy ne legyen útban.

A Code mezőben ennek kell lennie:

<script>
!function (Yaplet, t, i) { … a Yaplet kódod … }();
</script>

4. Tedd közzé és nézd meg az oldaladat

Az Embed elem a szerkesztőben nem jelenít meg semmit. Tedd közzé az oldaladat, majd nyisd meg 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 szerkesztőben nézed. A beágyazások csak a közzétett oldalon futnak. Tedd közzé az oldalt, és nyisd meg az élő változatot.
• A kód szövegként látszik az oldaladon. Hiányoznak a <script> tagek. Tedd köré őket a beágyazás Code mezőjében a 3. lépés szerint, és tedd közzé újra az oldalt.
• Közzététel után üres az oldalad. A beágyazott kód egyetlen hibája is megakadályozhatja, hogy az egész oldal betöltődjön. Töröld a beágyazás Code mezőjét, másold ki újra a kódot a Telepítés fülről, ellenőrizd, hogy egy <script> sorral kezdődik és egy </script> sorral végződik, és tedd közzé újra az oldalt.
• A Carrd nem enged saját kódot használni. Pro Standard vagy Pro Plus csomag kell hozzá.
• Még mindig az oldalad régi változatát látod. A Carrd szerint ez általában a böngésző által tárolt régi másolat. Frissítsd az oldalt a gyorsítótár megkerülésével (Ctrl + Shift + R Windowson, Cmd + Shift + R Macen), vagy ürítsd a böngésző gyorsítótárát.

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.