Carrd
Telepítsd a Yaplet chat widgetet Carrd-oldalra egy rejtett Embed elemmel. Pro Standard vagy Pro Plus csomag kell hozzá.
Áttekintés
A Carrd Embed (Beágyazás) eleme saját kódot tud tenni az oldalra. Egy rejtett, Body End helyre állított Embed elem a Yaplet kóddal megjeleníti a chat widgetet az oldalon. Nem kell hozzá fejlesztő.
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 Carrd Embed eleme HTML-t vár, ezért a tageket beillesztéskor teszed köré.
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.
Állítsd be a beágyazást
A Type (Típus) legyen Code (Kód), és illeszd be a kódot a Code mezőbe. 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>
Ha szeretnéd, adj meg egy Label (Címke) értéket (például Yaplet chat). A Style (Stílus) legyen Hidden (Rejtett), és 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 a legvégére is áthelyezheted.
Tedd közzé és nézd meg az oldaladat
Az Embed elem a szerkesztőben nem jelenít meg semmit. Tedd közzé az oldalt, 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.
Hibaelhárítás
- 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 oldalon — hiányoznak a
<script>tagek. Tedd köré őket a beágyazás Code mezőjében, és tedd közzé újra az oldalt. - Közzététel után üres az oldal — 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 oldal 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íts a gyorsítótár megkerülésével (
Ctrl + Shift + RWindowson,Cmd + Shift + RMacen), vagy ürítsd a böngésző gyorsítótárát.