A BigCommerce-ben van egy beépített Script Manager, amellyel külső szkripteket tehetsz a boltodba, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, új szkriptként hozzáadod a BigCommerce-ben, és megjelenik a chat gomb a boltodban. Nem kell hozzá alkalmazás vagy fejlesztő.
A Script Manager a Stencil sablont használó boltokban működik. Néhány régebbi bolt még a régi Blueprint sablonmotort használja, amely nem tudja futtatni a Script Manager szkriptjeit. A menüpontokat és gombokat angolul írjuk, ahogy a BigCommerce angol nyelvű vezérlőpultján látod őket, zárójelben magyar fordítással.
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.
Ha a kimásolt kód így kezdődik: !function (Yaplet, akkor még nincs körülötte <script> tag. A BigCommerce csak olyan szkriptet ment el, amelyen rajta vannak ezek a tagek, ezért a 3. lépésben hozzáadod őket.
2. Nyisd meg a Script Managert
A BigCommerce vezérlőpultján menj a Storefront → Script Manager (Áruház → Szkriptkezelő) menüpontra, és kattints a Create a Script (Szkript létrehozása) gombra.
Ha a boltod Multi-Storefrontot (több áruházat) használ, a Script Managert az egyes áruházak beállításai között találod, a Channel Manager (Csatornakezelő) menüben. Add hozzá a szkriptet minden olyan áruházhoz, ahol chatet szeretnél.
3. Töltsd ki a szkript adatait
- Adj a szkriptnek egy nevet, amelyről később is ráismersz, például Yaplet chat.
- Tedd a szkriptet az oldal aljára, a footer (lábléc) részbe.
- Az oldalaknál válaszd a Storefront pages (áruházi oldalak) lehetőséget. Ez minden oldal, kivéve a pénztárt és a rendelés-visszaigazolást. A BigCommerce külön biztonsági ellenőrzést kér a fizetési oldalakon futó szkriptekhez, ezért a chat maradjon le ezekről.
- A szkript kategóriájánál válaszd a Functional (funkcionális) lehetőséget. A BigCommerce az élő chatet ebbe a kategóriába sorolja.
- A szkript típusánál azt a lehetőséget válaszd, amellyel te írod be a szkriptet (ne URL-es hivatkozást).
- A szkript mezőbe illeszd be a Yaplet kódot. 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>. - Ha a BigCommerce betöltési módot (load method) kér, hagyd Default (alapértelmezett) beállításon.
- Kattints a Save (Mentés) gombra.
4. Nézd meg a boltodat
Nyisd meg a boltodat egy új böngészőfülön, és frissítsd az oldalt. Egy új szkript nagyjából 20 másodperc alatt jelenik meg a boltban. 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.
Ha nem jelenik meg a chat
- A BigCommerce azt írja: „Enter a valid script”. Hiányoznak a
<script>tagek. Írd a kód elé egy új sorba, hogy<script>, a kód után egy új sorba, hogy</script>, majd mentsd. - Most mentetted el a szkriptet. Várj egy percet, majd frissítsd az oldalt. A szkriptek nagyjából 20 másodperc alatt jelennek meg.
- A boltod sütibeleegyezési sávot mutat. Azok a vásárlók, akik kikapcsolják a funkcionális sütiket, nem látják a chatet. A teszteléshez nyisd meg a boltot egy privát böngészőablakban, és fogadj el minden sütit.
- A boltod Blueprint sablont használ. A Script Manager csak Stencil sablonokkal működik. Válts Stencil sablonra, hogy használhasd.
- A chat csak a pénztárban hiányzik. Ez így van rendjén: a Storefront pages beállítás kihagyja a pénztárt és a rendelés-visszaigazolást.
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.