WooCommerce
Telepítsd a Yaplet chat widgetet a WooCommerce-boltodra a hivatalos Yaplet Live Chat bővítménnyel (csak a widget azonosítója kell), vagy illeszd be a kódot az ingyenes WPCode bővítménnyel.
Áttekintés
A WooCommerce WordPressen fut, ezért a Yaplet is a WordPress módján kerül fel. A hivatalos Yaplet Live Chat bővítménynek csak a widget azonosítódra van szüksége; az ingyenes WPCode bővítménnyel pedig a kódot illesztheted be. Mindkettő a bolt minden oldalára felteszi a widgetet, és a témafrissítéseket is túléli. A menüpontokat a magyar nyelvű WordPress felirataival írjuk.
A lehetőség: a Yaplet Live Chat bővítmény (ajánlott)
Telepítsd és kapcsold be a 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 („Szerző: IG Services LLC”, ez a Yaplet mögött álló cég) kattints a Telepítés, majd a Bekapcsolás gombra.
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 → Chat widget → Telepítés helyen 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 a widget azonosítód az ott látható kódban a widgetId értéke, és az oldal webcímének utolsó része is ez.
Nézd meg a boltodat
Nyisd meg a boltodat 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 WordPress oldalon többet olvashatsz a bővítményről.
B lehetőség: a kód beillesztése WPCode-dal
Telepítsd a WPCode-ot
Menj a Bővítmények → Bővítmény hozzáadása menüpontra, keress rá a WPCode bővítményre („WPCode – Insert Headers and Footers” néven szerepel), telepítsd és kapcsold be.
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 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>.
Illeszd be a láblécbe
A WordPressben menj a Code Snippets → Header & Footer menüpontra (a WPCode menüi magyar WordPressben is angolul jelennek meg), illeszd be a kódot a Footer mezőbe, és kattints a Save Changes gombra.
Nézd meg a boltodat
Frissítsd a boltot. A chat gomb minden oldalon megjelenik.
Hibaelhárítás
Ha a widget telepítés után nem jelenik meg:
- Gyorsítótár — ürítsd a gyorsítótárazó bővítmény, a CDN és a böngésző gyorsítótárát, majd frissítsd az oldalt.
- Két chat gomb — ne használd egyszerre a Yaplet bővítményt és a WPCode-dal beillesztett kódot, és kapcsold ki a többi chat bővítményt.
- Ütközés más bővítményekkel — egyes biztonsági vagy optimalizáló bővítmények blokkolják a szkripteket. Engedélyezd a
yaplet.com,sdk.yaplet.comésembed.yaplet.comcímeket, vagy teszteléshez ideiglenesen kapcsold ki őket. - Widget azonosító — nézd meg, hogy egyezik-e a Márka → Chat widget → Telepítés helyen látható
widgetIdértékkel, nehogy egy másik widget töltődjön be.