A Squarespace Code Injection (kódbeillesztés) funkciója kódot tesz az oldalad minden lapjára, és a Squarespace maga is az élő chatet említi az egyik felhasználási módjaként. Kimásolsz egy kódrészletet a Yapletből, beilleszted a Squarespace-be, és megjelenik a chat gomb az oldaladon. Nem kell hozzá bővítmény vagy fejlesztő.
A Code Injection a Core, Plus és Advanced csomagokban, valamint a régi Business és Commerce csomagokban érhető el. A Basic csomagban és a régi Personal csomagban nincs benne. A Squarespace felülete magyarul nem érhető el, ezért a menüpontokat angolul írjuk, ahogy a képernyőn látod, zárójelben a jelentésükkel.
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 Squarespace lehetőséget. Másold ki a kódot a kódblokk másolás gombjával.
A Squarespace azt kéri, hogy a JavaScriptet <script> tagek közé tedd, ezért a 3. lépésben beillesztett kódnak is ilyen tagek között kell lennie.
2. Nyisd meg a Code Injection menüt
A Squarespace-oldaladon nyisd meg a Pages (Oldalak) panelt. A panel alján kattints a Custom Code (Egyéni kód), majd a Code Injection (Kódbeillesztés) pontra. 7.0-s verziójú oldalon ehelyett a panel alján a Website Tools (Webhelyeszközök), majd a Code Injection pontra kattints.
3. Illeszd be a kódot a Footer mezőbe
- Kattints a Footer (Lábléc) mezőbe. Az ide írt kód minden oldal legvégére kerül.
- Illeszd be a Yaplet 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>. - Kattints a Save (Mentés) gombra.
A Footer mezőben ennek kell lennie:
<script>
!function (Yaplet, t, i) { … a Yaplet kódod … }();
</script>4. Nézd meg az oldaladat
Nyisd meg az oldaladat egy privát (inkognitó) böngészőablakban, és frissítsd. Szerkesztés közben a Squarespace az előnézetben kikapcsolhatja az egyéni kódot, a privát ablak viszont azt mutatja, amit a látogatóid látnak. 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 szövegként látszik az oldalaidon. Hiányoznak a
<script>tagek. Tedd köré őket a Footer mezőben a 3. lépés szerint, és mentsd. - Nem találod a Code Injection menüt. A csomagodban nincs benne. A Code Injectionhöz legalább Core csomag kell.
- Szerkesztés közben nem látszik a chat. Ha a Squarespace azt írja ki, hogy „Scripts have been disabled on your site preview” (a szkriptek ki vannak kapcsolva az előnézetben), az egyéni kód csak a szerkesztőben van kikapcsolva. Nyisd meg az oldaladat privát ablakban, hogy úgy lásd, ahogy a látogatók.
- A pénztár oldalon nincs chat. Ez így van rendjén: a Squarespace a pénztár oldalakon nem futtat egyéni kódot.
- Az oldalad 7.0-s verziójú, és be van kapcsolva az Ajax betöltés. A Squarespace szerint az Ajax betöltés ütközhet az egyéni kóddal. Ha a chat furcsán viselkedik, próbáld kikapcsolni az Ajax betöltést.
- Még mindig az oldalad régi változatát látod. Frissítsd az oldalt a böngésző gyorsítótára nélkül, vagy nyisd meg privát 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.