A Strikingly-ban van egy egyéni kód beállítás, amellyel kódot tehetsz az oldalad lapjaira, és a Strikingly a chateszközökhöz a Footer Code (lábléc kód) mezőt ajánlja. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Strikingly-ba, közzéteszed az oldalt, és megjelenik a chat gomb.
Egyéni kódot a Strikingly Pro és VIP csomagjában használhatsz. Az ingyenes és a Limited csomag nem tartalmazza. A Strikingly felülete magyarul nem érhető el, 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.
A Strikingly egyéni kód mezői HTML-t várnak, ezért a kódnak egy <script> és egy </script> sor között kell lennie. Ha a Más weboldal lehetőséget választottad, a kódban már benne vannak ezek a sorok. Ha a fül nem kérdezett rá, a kód sima JavaScript, amely így kezdődik: !function (Yaplet, és a 3. lépésben adod hozzá a sorokat.
2. Nyisd meg a Custom Code beállítást a Strikingly-ban
A Strikingly szerkesztőjében kattints a Settings → Show Advanced → Custom Code (Beállítások → Speciális beállítások megjelenítése → Egyéni kód) menüpontra.
3. Illeszd be a kódot a Footer Code mezőbe
- Illeszd be a Yaplet kódot a Footer Code (Lábléc kód) 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>. - Mentsd a változtatásokat.
A Footer 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
Tedd közzé az oldaladat. A mentés önmagában nem teszi fel a kódot az élő oldalra. Ezután nyisd meg az oldaladat 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.
A chat megjelenítése a blogbejegyzéseken is
A Strikingly az oldalad egyéni kódját nem teszi rá a blogbejegyzésekre. Ha ott is szeretnéd a chatet, menj a Settings → Blog → Blog Settings (Beállítások → Blog → Blogbeállítások) menüpontra, görgess le a Footer Code mezőhöz, illeszd be ugyanazt a kódot a <script> soraival együtt, mentsd, és tedd közzé újra az oldalt.
Ha nem jelenik meg a chat
- A kód szövegként látszik az oldalaidon. Hiányoznak a
<script>tagek. Tedd köré őket a Footer Code mezőben a 3. lépés szerint, mentsd, és tedd közzé újra az oldalt. - Nem találod a Custom Code menüt. Az egyéni kódhoz Pro vagy VIP csomag kell.
- Csak a blogbejegyzéseken nincs chat. Add hozzá a kódot a blog saját Footer Code mezőjéhez is, ahogy fent leírtuk.
- Mentettél, de nem tetted közzé az oldalt. Tedd közzé az oldaladat, hogy a változás élesbe kerüljön.
- 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.