Tilbage til dashboard

Dokumentation

Lær, hvordan du bruger Asyntai

Kom i gang
Installation Vidensbase Test din AI Administrer websteder
Tilpasning
Widget-farver AI-assistentens navn Startbesked Widget-position Auto-udløser Velkomstboble Ulæst badge Instruktionstilstand Stil spørgsmål Brug emoji Indsaml e-mails Indsaml telefonnumre Smart kundeemne-indsamling Lokalisering Skjul branding Privatlivslink Brugerdefineret meddelelse Download af transskript Ny samtale Samtaleoversigt Tagline og statuspunkt Tale til tekst Chat-ikon Virksomhedslogo Tegngrænse Temperatur
Tips til AI-instruktioner Sammenlign planer
Funktioner
Websteds-crawl Videnshuller Produktkort Dynamiske produktkort Dynamic Images Brugerkontekst Live-overvågning Menneskelig overtagelse Eskalering AI-notifikationer Daglig rapport Realtidsdatafeed Realtidsdatafeed Max Teammedlemmer Single Sign-On Inkluder billeder Billedvisning Oversættelses-widget Lokalisering Kundeemner Smart kundeemne-indsamling Supportbilletter Bookinger Indlejringer Ekskluder sider Blokerede IP'er Smartere model Aktivér tænkning Svarforslag Opfølgningsbeskeder Tale til tekst Download af transskript Indlejret chat
Analyser
Chatanalyse Chatlogge
Integrationer
REST API Instagram Messenger WhatsApp Zapier Email Mobilapps
Andet
Tilføj til startskærm Tilpasset åbn-knap
Spørg AI

Sådan tilføjer du Asyntai AI-chatbot til Bubble

Trin-for-trin-vejledning til Bubble-apps

Hent indlejringskode
Platform:
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

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Brug af appindstillinger (anbefalet)

Bubble har en indbygget måde at tilføje brugerdefinerede scripts via appindstillingerne:

  1. Log ind på din Bubble-app-editor
  2. Gå til Indstillinger i den venstre sidebjælke
  3. Klik på fanen "Web-app"
  4. Rul ned til "Avancerede indstillinger"
  5. Find sektionen "Brugerdefinerede headers og body"
  6. Indsæt din Asyntai indlejringskode i feltet "Script i body"
  7. Implementér din app

Tip: Tilføjelse af koden til body-scriptfeltet sikrer, at den indlæses på alle sider i din Bubble-app, hvilket er den anbefalede tilgang til chat-widgets. Denne funktion er tilgængelig på alle Bubble-planer inklusiv gratis.

Alternativ: Brug af HTML-element

Hvis du foretrækker kun at tilføje chatbotten til en bestemt side:

  1. I Bubble-editoren skal du åbne den side, hvor du vil have chatbotten
  2. Tilføj et HTML-element til din side
  3. Indsæt Asyntai indlejringskoden i elementet
  4. Implementér din app

Bemærk: Appindstillingsmetoden foretrækkes, da den anvender chatbotten på tværs af hele din app. HTML-elementmetoden tilføjer kun chatbotten til den specifikke side, hvor du placerer elementet.

Trin 3: Verificér installationen

Når du har implementeret din app, skal du besøge dit Bubble-websted i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.

Ser du ikke widget'en? Sørg for, at du implementerede din app efter tilføjelse af koden. Prøv at rydde din browsers cache eller se i et inkognitovindue. Hvis du tester i udviklingstilstand, skal du også tjekke live-versionen af din app.