Kako dodati Asyntai AI chatbot na Squarespace

Vodič korak po korak za Squarespace 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 Code Injection

Ako je vaša stranica na Squarespace planu Core, Plus ili Advanced (ili starijem planu Business ili Commerce), možete dodati chatbot na sve stranice odjednom pomoću Code Injection:

Prijavite se na svoj Squarespace račun i otvorite stranicu
Kliknite Pages na lijevoj ploči
Kliknite Custom Code na dnu ploče
Kliknite Code Injection
Pomaknite se prema dolje do odjeljka Footer
Zalijepite svoj Asyntai ugradni kod u tekstualni okvir Footer
Kliknite "Spremi"

Napomena: Na Squarespace 7.0, Code Injection se nalazi pod Pages → Website Tools.

Savjet: Dodavanje koda u odjeljak Footer smjesta ga neposredno prije zavrsne oznake </body>, sto je preporuceni smjestaj za widgete za razgovor i nece usporiti ucitavanje stranice.

Alternativa: Korištenje Code Blocks

Da biste dodali chatbot samo na određene stranice, možete koristiti Code Blocks. Code Block pokreće JavaScript samo na planu Core, Plus ili Advanced (ili starijem planu Business ili Commerce).

Otvorite stranicu u Squarespace uređivaču
Navigirajte na stranicu na koju želite dodati chatbot
Kliknite "Edit" na stranici
Prijeđite mišem preko odjeljka i kliknite "+ Add Block"
Pomaknite se prema dolje i odaberite "Code"
Kliknite ikonu olovke za uređivanje bloka koda
Zalijepite svoj Asyntai kod za ugradnju
Provjerite je li izbornik Mode bloka postavljen na HTML
Kliknite izvan bloka za zatvaranje uređivača
Kliknite "Spremi"

Važno: Kada koristite Code Blocks, morate dodati kod na svaku stranicu na kojoj želite da se chatbot prikaže. Za instalaciju na cijelu stranicu koristite gore opisanu metodu Code Injection.

Korak 3: Provjerite instalaciju

Nakon spremanja promjena, otvorite svoju web stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb widgeta za razgovor u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.

Ne vidite widget? Provjerite jeste li spremili i objavili promjene. Pokusajte ocistiti predmemoriju preglednika ili pregledavati stranicu u anonimnom prozoru. Squarespaceu moze trebati nekoliko minuta za primjenu promjena koda. Kod se ponekad ne pokreće dok ste prijavljeni u Squarespace, pa provjerite stranicu u privatnom 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 Pages, Custom Code, Code Injection, Footer, na isto mjesto kao i chat kod. Squarespace nudi Code Injection samo uz plan Core, Plus ili Advanced (ili stariji plan Business ili Commerce), pa vam je jedan od njih 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>