Az Asyntai AI Chatbot hozzáadása a Squarespace-hez
Lépésről lépésre útmutató a Squarespace weboldalakhoz
1. lépés: Szerezze be a beágyazási kódját
Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:
<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>
Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.
2. lépés: Kód hozzáadása kódinjektálással (Business és Commerce csomagok)
Ha Squarespace Business vagy Commerce csomaggal rendelkezik, a kódinjektálással egyszerre adhatja hozzá a chatbotot az összes oldalhoz:
- Jelentkezzen be a Squarespace fiókjába, és nyissa meg az oldalát
- Kattintson a Beállítások gombra a bal oldali sávban
- Kattintson a Speciális gombra
- Kattintson a Kódinjektálás gombra
- Görgessen le a Lábléc szakaszhoz
- Illessze be az Asyntai beágyazó kódját a Lábléc szövegdobozba
- Kattintson a „Mentés" gombra a bal felső sarokban
Tipp: A kód Lábléc szakaszhoz való hozzáadása közvetlenül a záró </body> tag elé helyezi, ami az ajánlott elhelyezés a chat widgetek számára, és nem lassítja az oldal betöltését.
Alternatíva: Kódblokkok használata (minden csomag)
Ha Personal csomaggal rendelkezik, vagy inkább csak bizonyos oldalakhoz szeretné hozzáadni a chatbotot, használhat kódblokkokat:
- Nyissa meg weboldalát a Squarespace szerkesztőben
- Navigáljon arra az oldalra, ahol a chatbotot hozzá szeretné adni
- Kattintson a „Szerkesztés" gombra az oldalon
- Vigye az egeret egy szakasz fölé, és kattintson a "+ Add Block" gombra
- Görgessen le, és válassza a „Kód" opciót
- Kattintson a ceruza ikonra a kódblokk szerkesztéséhez
- Illessze be az Asyntai beágyazási kódját
- Kattintson a blokkon kívülre a szerkesztő bezárásához
- Kattintson a „Mentés" gombra a bal felső sarokban
Fontos: Kódblokkok használatakor minden oldalhoz hozzá kell adnia a kódot, ahol meg szeretné jeleníteni a chatbotot. Webhely szintű telepítéshez használja a fenti Kódinjektálás módszert (Üzleti vagy Kereskedelmi csomag szükséges).
3. lépés: Telepítés ellenőrzése
A változtatások mentése után nyissa meg weboldalát egy új böngészőlapon vagy inkognító ablakban. A jobb alsó sarokban meg kell jelennie a chat widget gombnak. Kattintson rá, hogy megbizonyosodjon arról, hogy megnyílik és megfelelően működik.
Nem látja a widgetet? Győződjön meg róla, hogy mentette és közzétette a módosításokat. Próbálja meg törölni a böngészőgyorsítótárat, vagy tekintse meg weboldalát inkognító ablakban. A Squarespace néhány percet igénybe vehet a kódmódosítások alkalmazásához.
Weebly