Strikingly
Telepítsd a Yaplet chat widgetet Strikingly-oldalra a Footer Code beállítással. Pro vagy VIP csomag kell hozzá.
Áttekintés
A Strikingly egyéni kód beállításában van egy Footer Code (Lábléc kód) mező, amelyet a Strikingly a chateszközökhöz ajánl. Ha ide illeszted a Yaplet kódot, a chat widget megjelenik az oldal lapjain. A blogbejegyzéseknek saját Footer Code mezőjük van, ezért oda még egyszer be kell illesztened a kódot.
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.
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 beillesztéskor adod hozzá a sorokat.
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.
Illeszd be a kódot a Footer Code mezőbe
Illeszd be a 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>. Ezután mentsd a változtatásokat. A mezőben ennek kell lennie:
<script>
!function (Yaplet, t, i) { … a Yaplet kódod … }();
</script>
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. Nyisd meg az 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.
Blogbejegyzések
A Strikingly az oldal 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.
Hibaelhárítás
- A kód szövegként látszik az oldalon — hiányoznak a
<script>tagek. Tedd köré őket a Footer Code mezőben, mentsd, és tedd közzé újra az oldalt. - Nincs Custom Code menü — 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 (lásd fent).
- Mentettél, de nem tetted közzé az oldalt — tedd közzé az oldalt, hogy a változás élesbe kerüljön.
- 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.