Kako dodati Asyntai AI chatbot na Bubble
Vodič korak po korak za Bubble aplikacije
Korak 1: Nabavite svoj kod za ugradnju
Prvo idite na svoju Asyntai nadzornu ploču i pomaknite se prema dolje do odjeljka "Kod za ugradnju". Kopirajte svoj jedinstveni kod za ugradnju koji će izgledati ovako:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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: Korištenje postavki aplikacije (preporučeno)
Bubble ima ugrađeni način za dodavanje prilagođenih skripti putem postavki aplikacije:
- Prijavite se u uređivač svoje Bubble aplikacije
- Idite na Postavke u lijevoj bočnoj traci
- Kliknite karticu "Web aplikacija"
- Pomaknite se prema dolje do "Napredne postavke"
- Pronađite odjeljak "Prilagođena zaglavlja i tijelo"
- Zalijepite svoj Asyntai kod za ugradnju u polje "Skripta u tijelu"
- Implementirajte svoju aplikaciju
Savjet: Dodavanje koda u polje skripte tijela osigurava da se učitava na svakoj stranici vaše Bubble aplikacije, što je preporučeni pristup za chat widgete. Ova značajka dostupna je na svim Bubble planovima uključujući besplatni.
Alternativa: Korištenje HTML elementa
Ako preferirate dodati chatbot samo na određenu stranicu:
- U Bubble uređivaču otvorite stranicu na kojoj želite chatbot
- Dodajte HTML element na svoju stranicu
- Zalijepite Asyntai kod za ugradnju u element
- Implementirajte svoju aplikaciju
Napomena: Metoda postavki aplikacije se preferira jer primjenjuje chatbot na cijelu vašu aplikaciju. Metoda HTML elementa dodat će chatbot samo na određenu stranicu na kojoj stavite element.
Korak 3: Provjerite instalaciju
Nakon implementacije aplikacije, posjetite svoju Bubble stranicu u novoj kartici preglednika ili anonimnom prozoru. Trebali biste vidjeti gumb chat widgeta u donjem desnom kutu. Kliknite ga kako biste provjerili otvara li se i radi li ispravno.
Ne vidite widget? Provjerite jeste li implementirali svoju aplikaciju nakon dodavanja koda. Pokušajte očistiti predmemoriju preglednika ili pregledavati u anonimnom prozoru. Ako testirate u razvojnom načinu, obavezno provjerite i aktivnu verziju svoje aplikacije.
Weebly