BigCommerce
Telepítsd a Yaplet chat widgetet BigCommerce-es webáruházra a BigCommerce beépített Script Managerével. Nem kell hozzá alkalmazás vagy sablonszerkesztés.
Áttekintés
A BigCommerce-ben van egy beépített Script Manager, amellyel külső szkripteket tehetsz a boltba. Ha itt új szkriptként hozzáadod a Yaplet kódot, a chat widget minden áruházi oldalon megjelenik. Nem kell hozzá alkalmazás, fejlesztő vagy sablonszerkesztés.
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.
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 beillesztéskor hozzáadod őket.
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.
Multi-Storefront (több áruház) esetén 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.
Töltsd ki a szkript adatait
Nevezd el a szkriptet (például Yaplet chat), és tedd 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.
Nézd meg a boltodat
Nyisd meg a boltodat egy új böngészőfülön, és frissítsd. 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.
Hibaelhárítás
- 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, és frissíts. A szkriptek nagyjából 20 másodperc alatt jelennek meg.
- A bolt 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 bolt 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.