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

Lépésről lépésre útmutató Wix 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 a Custom Code funkcióval (ajánlott)

A Custom Code funkció egyszerre az összes oldalhoz hozzáadja a chatbotot. A Wix ezt a közzétett, csatlakoztatott domainnel rendelkező webhelyeken kínálja, ehhez pedig Premium csomag szükséges:

Jelentkezzen be Wix fiókjába és lépjen a webhely Irányítópultjára
Kattintson a Beállítások gombra a bal oldali sávban
A Development & integrations szakaszban kattintson a Custom Code lehetőségre
Kattintson a "+ Egyéni kód hozzáadása" gombra a jobb felső sarokban
Illessze be az Asyntai beágyazó kódját a szövegdobozba
Adjon nevet a kódnak (pl. "Asyntai Chatbot")
Az „Oldalak hozzáadása” alatt válassza az „Összes oldal” lehetőséget
A „Kód elhelyezése” alatt válassza a „Body - vége” lehetőséget
Kattintson az "Alkalmaz" gombra a mentéshez

Tipp: A "Body - vége" kiválasztása közvetlenül a záró </body> címke elé helyezi a szkriptet, ami az ajánlott elhelyezés a chat widgetek számára.

Alternatíva: Embed HTML elem használata (ingyenes csomag)

Premium csomag nélkül egy Embed HTML elemmel adhatja hozzá a kódot egy oldalhoz. A Wix ezt az elemet iframe-ként jeleníti meg, így a chat widget az elem keretén belül marad, és nem lebeg az oldal felett. Tegye a keretet elég nagyra a megnyitott chatablakhoz.

Nyissa meg a webhelyét a Wix szerkesztőben
Kattintson az "Add Elements" ("+") gombra a bal oldali eszköztáron
Válassza az "Embed Code", majd a "Popular Embeds", majd az "Embed HTML" lehetőséget
Kattintson az "Enter Code" gombra, és illessze be az Asyntai beágyazási kódját
Kattints az "Alkalmaz" gombra
Húzza az elem sarkait, hogy elég nagy legyen a megnyitott chatablakhoz
Kattintson a "Közzététel" gombra a módosítások mentéséhez

Fontos: Az Embed HTML módszernél az elemet minden olyan oldalhoz hozzá kell adnia, ahol meg szeretné jeleníteni a chatbotot. Ha egyszerre az összes oldalhoz szeretné hozzáadni, használja a fenti Custom Code módszert.

3. lépés: Telepítés ellenőrzése

A kód hozzáadása után publikálja a webhelyét, és látogasson el rá egy új böngészőlapon vagy inkognitó ablakban. A jobb alsó sarokban látnia kell a chat widget gombot. Kattintson rá, hogy meggyőződjön a helyes működéséről.

Nem látja a widgetet? Győződjön meg róla, hogy a webhely publikálva van (nem csak mentve). A Wix-nek néhány percre lehet szüksége az egyéni kód módosítások alkalmazásához. Próbálja meg törölni a böngésző gyorsítótárát, vagy nézze meg inkognitó 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 Beállítások, Custom Code alatt, ugyanott, ahol a chat kódot. A Wix csak csatlakoztatott domainnel rendelkező Premium csomagban kínálja a Custom Code funkciót, így ennek telepítéséhez szüksége van rá.

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