Kako dodati Asyntai AI chatbot na Wix

Vodič korak po korak za Wix web stranice

Platforma:

Korak 1: Nabavite svoj kod za ugradnju

Najprije idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Embed Code". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:

<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>

Napomena: Gornji kod je samo primjer. Morate kopirati svoj vlastiti jedinstveni kod za ugradnju sa svoje Nadzorne ploče jer sadrži vaš osobni ID widgeta.

Korak 2: Dodajte kod pomoću Custom Code (preporučeno)

Custom Code dodaje chatbot na sve stranice odjednom. Wix ga nudi na stranicama koje su objavljene i imaju povezanu domenu, za što je potreban Premium plan:

Prijavite se na svoj Wix račun i idite na nadzornu ploču svog web mjesta
Kliknite Settings u lijevoj bočnoj traci
U odjeljku Development & integrations kliknite Custom Code
Kliknite "+ Add Custom Code" u gornjem desnom kutu
Zalijepite svoj Asyntai ugradni kod u tekstualni okvir
Unesite naziv za svoj kod (npr. "Asyntai Chatbot")
Pod "Add Code to Pages" odaberite "All pages"
Pod "Place Code in" odaberite "Body - end"
Kliknite "Apply" za spremanje

Savjet: Odabir "Body - end" postavlja skriptu neposredno prije završne </body> oznake, što je preporučeni položaj za chat widgete.

Alternativa: Korištenje elementa Embed HTML (besplatni plan)

Bez Premium plana možete dodati kod na stranicu pomoću elementa Embed HTML. Wix prikazuje ovaj element kao iframe, pa chat widget ostaje unutar okvira elementa i ne lebdi iznad stranice. Napravite okvir dovoljno velikim za otvoreni prozor chata.

Otvorite svoju stranicu u Wix uređivaču
Kliknite "Add Elements" (gumb "+") na lijevoj alatnoj traci
Odaberite "Embed Code", zatim "Popular Embeds", zatim "Embed HTML"
Kliknite "Enter Code" i zalijepite svoj Asyntai kod za ugradnju
Kliknite "Apply"
Povucite kutove elementa kako bi bio dovoljno velik za otvoreni prozor chata
Kliknite "Publish" za spremanje promjena

Važno: Kod metode Embed HTML element morate dodati na svaku stranicu na kojoj želite da se chatbot prikaže. Da biste ga dodali na sve stranice odjednom, koristite gore opisanu metodu Custom Code.

Korak 3: Provjerite instalaciju

Nakon dodavanja koda objavite stranicu i posjetite je u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite na njega kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite je li vaša stranica objavljena (ne samo spremljena). Wixu može trebati nekoliko minuta za primjenu promjena prilagođenog koda. Pokušajte očistiti predmemoriju preglednika ili pregledati u anonimnom prozoru.

Dodavanje AI trake za pretraživanje

AI traka za pretraživanje zaseban je widget s vlastitim kodom. Dodajte je uz chat ili samostalno. Zahtijeva paket Standard ili viši: na nižem traka se prikazuje, ali ne vraća rezultate.

Dodajte atribut data-replace u oznaku script i traka će zamijeniti onu koju vaša tema već ima. Dodajte je pod Settings, Custom Code, na isto mjesto kao i chat kod. Wix nudi Custom Code samo uz Premium plan s povezanom domenom, pa vam je on potreban za ovu instalaciju.

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