Natrag na nadzornu ploču

Dokumentacija

Naučite kako koristiti Asyntai

Kako dodati Asyntai AI chatbot na Bubble

Vodič korak po korak za Bubble aplikacije

Nabavite kod za ugradnju

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:

  1. Prijavite se u uređivač svoje Bubble aplikacije
  2. Idite na Postavke u lijevoj bočnoj traci
  3. Kliknite karticu "Web aplikacija"
  4. Pomaknite se prema dolje do "Napredne postavke"
  5. Pronađite odjeljak "Prilagođena zaglavlja i tijelo"
  6. Zalijepite svoj Asyntai kod za ugradnju u polje "Skripta u tijelu"
  7. 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:

  1. U Bubble uređivaču otvorite stranicu na kojoj želite chatbot
  2. Dodajte HTML element na svoju stranicu
  3. Zalijepite Asyntai kod za ugradnju u element
  4. 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.