Az Asyntai AI Chatbot hozzáadása a Squarespace-hez

Lépésről lépésre útmutató a Squarespace weboldalakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai irányítópultjára, és görgessen le az "Embed Code" szakaszhoz. Másolja ki 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

Ha webhelye Squarespace Core, Plus vagy Advanced csomagot (vagy régebbi Business vagy Commerce csomagot) használ, a Kódinjektálás segítségével egyszerre az összes oldalhoz hozzáadhatja a chatbotot:

Jelentkezzen be a Squarespace fiókjába, és nyissa meg az oldalát
Kattintson a Pages lehetőségre a bal oldali panelen
Kattintson a Custom Code lehetőségre a panel alján
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

Megjegyzés: A Squarespace 7.0-ban a Kódinjektálás a Pages → Website Tools alatt található.

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

Ha a chatbotot csak bizonyos oldalakhoz szeretné hozzáadni, használhat kódblokkokat. A kódblokk csak Core, Plus vagy Advanced csomagon (vagy régebbi Business vagy Commerce csomagon) futtat JavaScriptet.

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
Győződjön meg arról, hogy a blokk Mode menüje HTML értékre van állítva
Kattintson a blokkon kívülre a szerkesztő bezárásához
Kattintson a „Mentés" gombra

Fontos: Kódblokkok használatakor a kódot minden olyan oldalhoz hozzá kell adnia, ahol meg szeretné jeleníteni a chatbotot. A teljes webhelyre kiterjedő telepítéshez használja a fenti Kódinjektálás módszert.

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. A kód néha nem fut, amíg be van jelentkezve a Squarespace-be, ezért ellenőrizze a webhelyet egy privát ablakban.

Az AI keresősáv hozzáadása

Az AI keresősáv külön widget saját kóddal. Adja hozzá a csevegés mellé, vagy önmagában. Standard vagy magasabb csomagot igényel: alacsonyabb csomagban a sáv megjelenik, de nem ad találatot.

Adja hozzá a data-replace attribútumot a script címkéhez, és a sáv a téma meglévő sávjának helyére kerül. Adja hozzá a Pages, Custom Code, Kódinjektálás, Lábléc alatt, ugyanott, ahol a chat kódot. A Squarespace csak Core, Plus vagy Advanced csomagon (vagy régebbi Business vagy Commerce csomagon) kínálja a Kódinjektálást, így ennek telepítéséhez ezek egyikére van szüksége.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>