Az Ecwid by Lightspeed lehetővé teszi, hogy saját kódot tegyél az Instant Site-od, vagyis az Ecwid bolthoz járó weboldal minden oldalára, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, beilleszted az Ecwidbe, és megjelenik a chat gomb a weboldaladon. Nem kell hozzá alkalmazás vagy fejlesztő.
Egyéni kódot a Venture, Business vagy Unlimited csomaggal tehetsz az Instant Site-ra, a Starter csomagban ez nincs benne. A menüpontokat az Ecwid angol nyelvű adminja szerint írjuk, zárójelben magyar fordítással. Ha más nyelven használod az admint, a nevük eltérhet, de ugyanott találod őket.
Ha az Ecwid boltod egy másik weboldalon belül jelenik meg (például WordPressen, Wixen vagy a saját oldaladon), a Yapletet arra a weboldalra telepítsd, annak az útmutatója szerint. Az alábbi lépések az Instant Site-ra vonatkoznak.
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. Az Ecwid az oldalak végére teszi, amit beírsz, ezért a 3. lépésben hozzáadod a tageket, hogy a böngésző szkriptként futtassa.
2. Nyisd meg az Instant Site beállításait
Az Ecwid adminban menj a Website (Weboldal) menüpontra, vagy az Overview → Manage Instant Site (Áttekintés → Instant Site kezelése) útvonalra. Görgess le az Advanced website settings (Haladó weboldal-beállítások) részhez.
3. Add hozzá a Yaplet kódot
- A Custom JavaScript code (Egyéni JavaScript kód) alatt kattints az Add Code (Kód hozzáadása) gombra.
- A 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>. - Mentsd a változásokat.
4. Nézd meg a weboldaladat
Nyisd meg az Instant Site-odat egy új böngészőfülön, és frissítsd az oldalt. 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
- Nem tudsz egyéni kódot hozzáadni. A boltod Starter csomagon van. Az egyéni kódhoz Venture, Business vagy Unlimited csomag kell.
- A kód szövegként látszik az oldalak alján. Hiányoznak a
<script>tagek. Szerkeszd a kódot, írd elé egy új sorba, hogy<script>, utána egy új sorba, hogy</script>, majd mentsd. - A boltod egy másik weboldalon belül van. Az Ecwidben megadott kód csak az Instant Site-on fut. Telepítsd a Yapletet arra a weboldalra, amely a boltodat mutatja.
- A böngésző az oldal egy régi változatát mutatja. Frissítsd az oldalt, vagy nyisd meg egy privát böngészőablakban.
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.