A Square Online lehetővé teszi, hogy a Square Dashboardból saját kódot tegyél a weboldalad minden oldalára, és a Yaplet widgetnek csak erre van szüksége. Kimásolsz egy kódrészletet a Yapletből, hozzáadod a Square-ben, közzéteszed a weboldaladat, és megjelenik a chat gomb. Nem kell hozzá alkalmazás vagy fejlesztő.
Az Egyesült Államokban minden Square Online csomaggal adhatsz hozzá egyéni kódot, az ingyenessel is. A többi országban a Square súgója a Plus és a Premium csomaghoz sorolja. A menüpontokat és gombokat angolul írjuk, ahogy a Square angol nyelvű felületé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.
A böngésző csak akkor futtatja szkriptként a kódot, ha egy <script> és egy </script> sor között van. Ha a Más weboldal lehetőséget választottad, a kódban már benne vannak ezek a sorok. Ha a fül nem kérdezett rá, a kód sima JavaScript, amely így kezdődik: !function (Yaplet, és a 3. lépésben adod hozzá a sorokat.
2. Nyisd meg a Tracking Toolst a Square-ben
Lépj be a Square Dashboardba, és menj a Channels → Square Online (Csatornák → Square Online) menüpontra. Ezután válaszd a Settings → Tracking Tools (Beállítások → Követőeszközök) lehetőséget.
3. Add hozzá a Yaplet kódot
- Válaszd az Add new code (Új kód hozzáadása) lehetőséget.
- A felugró ablakban adj meg egy nevet, amelyről később is ráismersz, például Yaplet chat.
- Illeszd be a Yaplet kódot a kód mezőbe. 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>. - Elhelyezésnek válaszd az End of body (a törzs vége) lehetőséget.
- Válaszd a Save (Mentés) gombot.
4. Tedd közzé a weboldaladat
A kód csak közzététel után kerül élesbe. Menj a Website → Editor (Weboldal → Szerkesztő) menüpontra, és kattints a Publish (Közzététel) gombra. A megerősítő ablakban kattints az élő weboldalad linkjére: a Square csak akkor véglegesíti az új változatot, ha azt egyszer már megnyitották egy böngészőben.
5. Nézd meg a weboldaladat
Frissítsd az élő weboldaladat. 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 kód hozzáadása óta nem tetted közzé a weboldalt. Tedd közzé a szerkesztőből, és nyisd meg a megerősítő ablakban lévő linket.
- A kód szövegként látszik az oldalak alján. Hiányoznak a
<script>tagek. Szerkeszd a kódot a Tracking Toolsban, írd elé egy új sorba, hogy<script>, utána egy új sorba, hogy</script>, mentsd, és tedd közzé újra a weboldalt. - Embed code szekcióként adtad hozzá a kódot. Az Embed code (beágyazott kód) szekciók egy oldal egyetlen szekciójában mutatnak tartalmat, például egy naptárt. Töröld azt a szekciót, és a kódot a Tracking Toolsban add hozzá, hogy minden oldalon fusson.
- Nem tudsz kódot hozzáadni a Tracking Toolsban. Az Egyesült Államokon kívül nézd meg, hogy Plus vagy Premium csomagod van-e.
- 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.