A Yapletet a legegyszerűbben a WordPress bővítménytárban elérhető hivatalos Yaplet Live Chat bővítménnyel teheted fel a WordPress-oldaladra. Megadod neki a widget azonosítódat, és ő az oldalad minden lapjára felteszi a chatet. A témafrissítéseket is túléli, és nem kell hozzá kód. Bármilyen WordPress-oldalon működik, a WooCommerce-boltokon is, és a WordPress.com-on a Personal vagy magasabb csomagban. A menüpontokat a magyar nyelvű WordPress felirataival írjuk.
1. Telepítsd a Yaplet Live Chat bővítményt
A WordPress adminban menj a Bővítmények → Bővítmény hozzáadása menüpontra, és keress rá: Yaplet. A Yaplet Live Chat kártyán, amelyen ez áll: „Szerző: IG Services LLC” (ez a Yaplet mögött álló cég), kattints a Telepítés, majd a Bekapcsolás gombra.
A WordPress kiírhatja a kártyára, hogy „A most használt WordPress verzióval nincs tesztelve”. A bővítmény a WordPress 7.1-en működik. Telepítés után Yaplet Widget néven szerepel a Bővítmények → Telepített bővítmények listában.
2. Add meg a widget azonosítódat
Menj a Beállítások → Yaplet menüpontra, illeszd be a widget azonosítódat a Widget ID mezőbe, és kattints a Módosítások mentése gombra.
A widget azonosítódat a Yapletben a Márka → (a márkád) → Chat widget → Telepítés útvonalon találod. Ha a fül megkérdezi, min fut a weboldalad, válaszd a WordPress / WooCommerce lehetőséget: ekkor a widget azonosítódat mutatja, egy másolás gombbal. Egyébként az azonosító nem külön mező: az ott látható kódban a widgetId értéke, és az oldal webcímének utolsó része is ez.
3. Nézd meg, hogy megjelenik-e a chat
Nyisd meg a WordPress-oldaladat egy új böngészőfülön. A Yaplet chat gombja megjelenik a jobb alsó sarokban. Kattints rá, és nézd meg, hogy megnyílik-e a chat.
Lépésről lépésre haladó ellenőrzéshez lásd: A Yaplet telepítésének ellenőrzése.
Használod a munkamenet-visszajátszást?
A bővítmény egyelőre nem rögzíti a Munkamenet visszajátszást. Ha bekapcsoltad a Yapletben (Chat widget → Funkciók), inkább WPCode-dal telepíts, ahogy lent leírjuk.
Másik út: a kód beillesztése WPCode-dal
Az ingyenes WPCode bővítmény („WPCode – Insert Headers and Footers” néven szerepel) a témafájlokhoz nyúlás nélkül teszi a kódot minden oldalra. A menüi magyar WordPressben is angolul jelennek meg:
- Menj a Bővítmények → Bővítmény hozzáadása menüpontra, keress rá a WPCode bővítményre, telepítsd és kapcsold be.
- A Yapletben másold ki a kódot a Márka → (a márkád) → Chat widget → Telepítés helyről. Ha a fül megkérdezi, min fut a weboldalad, válaszd a Más weboldal lehetőséget. A beillesztett kódnak egy
<script>sorral kell kezdődnie és egy</script>sorral kell végződnie; ha amit kimásoltál, ehelyett így kezdődik:!function (Yaplet, akkor írd be elé egy új sorba, hogy<script>, utána pedig egy új sorba, hogy</script>. - A WordPressben menj a Code Snippets → Header & Footer menüpontra, illeszd be a kódot a Footer mezőbe, és kattints a Save Changes gombra.
A kódot egy témafájlba is beillesztheted, de egy témafrissítés vagy témaváltás eltávolítja. Blokksablonokon (ma ez az alapértelmezett) a fájlszerkesztő az Eszközök → Sablon fájlszerkesztő menüpontban van, és nincs
footer.php, ezért a fenti bővítmények a jobb választás.
Hibaelhárítás
- Bekapcsolás után nem jelenik meg a chat: ürítsd a gyorsítótárazó bővítmény és a CDN gyorsítótárát, majd frissítsd az oldalt.
- Nem a jó widget jelenik meg: nézd meg, hogy a Beállítások → Yaplet oldalon megadott azonosító egyezik-e a Telepítés fülön látható
widgetIdértékkel. - Két chat gomb látszik: kapcsold ki a többi chat bővítményt, és ne használd egyszerre a Yaplet bővítményt és a WPCode-dal beillesztett kódot.
- Egy biztonsági bővítmény blokkolja a szkripteket: vedd fel az engedélyezett listájára ezeket a Yaplet-címeket:
yaplet.com,sdk.yaplet.comésembed.yaplet.com.