Dokumentasjon
Lær hvordan du bruker Asyntai
Hvordan legge til Asyntai AI-chatbot i Bubble
Trinn-for-trinn-guide for Bubble-apper
Weebly
Trinn 1: Hent innbyggingskoden din
Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:
<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>
Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.
Trinn 2: Bruke appinnstillinger (anbefalt)
Bubble har en innebygd måte å legge til egendefinerte skript gjennom appinnstillingene:
- Logg inn i Bubble-appen din i redigereren
- Gå til Innstillinger i venstre sidefelt
- Klikk på fanen «Web App»
- Bla ned til «Advanced Settings»
- Finn seksjonen «Custom headers and body»
- Lim inn Asyntai-innbyggingskoden i feltet «Script in body»
- Distribuer appen din
Tips: Å legge til koden i brødtekst-skriptfeltet sikrer at den lastes på hver side av Bubble-appen din, noe som er den anbefalte tilnærmingen for chat-widgeter. Denne funksjonen er tilgjengelig på alle Bubble-planer, inkludert Free.
Alternativ: Bruke HTML-element
Hvis du foretrekker å legge til chatboten kun på en bestemt side:
- I Bubble-redigereren åpner du siden der du vil ha chatboten
- Legg til et HTML-element på siden din
- Lim inn Asyntai-innbyggingskoden i elementet
- Distribuer appen din
Merk: Appinnstillingsmetoden foretrekkes da den bruker chatboten på tvers av hele appen din. HTML-elementmetoden legger bare til chatboten på den spesifikke siden der du plasserer elementet.
Trinn 3: Bekreft installasjonen
Etter at du har distribuert appen din, besøk Bubble-nettstedet ditt i en ny nettleserfane eller inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å sikre at den åpnes og fungerer korrekt.
Ser du ikke widgeten? Sørg for at du distribuerte appen din etter at du la til koden. Prøv å tømme nettleserens hurtigbuffer eller se i et inkognitovindu. Hvis du tester i utviklingsmodus, sørg for å sjekke den aktive versjonen av appen din også.