Tilbake til dashbord

Dokumentasjon

Lær hvordan du bruker Asyntai

Kom i gang
Installasjon Kunnskapsbase Test AI-en din Administrer nettsteder
Tilpasning
Widgetfarger AI-assistentnavn Innledende melding Widgetposisjon Automatisk utløser Hilsningsboble Ulest-merke Instruksjonsmodus Still spørsmål Bruk emoji Samle inn e-poster Samle inn telefonnumre Smart leadfangst Lokalisering Skjul merkevarebygging Personvernlenke Egendefinert merknad Last ned transkripsjon Ny samtale Samtalehistorikk Slagord og statusindikator Tale til tekst Chat-ikon Bedriftslogo Tegngrense Temperatur
Tips for AI-instruksjoner Sammenlign abonnementer
Funksjoner
Nettstedgjennomsøking Kunnskapshull Produktkort Dynamiske produktkort Dynamic Images Brukerkontekst Sanntidsovervåking Menneskelig overtakelse Eskalering AI-varsler Daglig rapport Sanntids datafeed Sanntids datafeed maks Teammedlemmer Enkel pålogging Inkluder bilder Bildegjenkjenning Oversettelseswidget Lokalisering Leads Smart leadfangst Supportbilletter Bestillinger Innbygginger Ekskluder sider Blokkerte IP-er Smartere modell Aktiver tenkning Svarforslag Oppfølgingsmeldinger Tale til tekst Last ned transkripsjon Innebygd chat
Analyse
Chatanalyse Chatlogger
Integrasjoner
REST API Instagram Messenger WhatsApp Zapier Email Mobilapper
Annet
Legg til på startskjermen Egendefinert åpneknapp
Spør AI

Hvordan legge til Asyntai AI-chatbot i Bubble

Trinn-for-trinn-guide for Bubble-apper

Hent innebyggingskode
Plattform:
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

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 async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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:

  1. Logg inn i Bubble-appen din i redigereren
  2. Gå til Innstillinger i venstre sidefelt
  3. Klikk på fanen «Web App»
  4. Bla ned til «Advanced Settings»
  5. Finn seksjonen «Custom headers and body»
  6. Lim inn Asyntai-innbyggingskoden i feltet «Script in body»
  7. 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:

  1. I Bubble-redigereren åpner du siden der du vil ha chatboten
  2. Legg til et HTML-element på siden din
  3. Lim inn Asyntai-innbyggingskoden i elementet
  4. 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å.