Terug naar dashboard

Documentatie

Leer hoe u Asyntai kunt gebruiken

Aan de slag
Installatie Kennisbank Test uw AI Websites beheren
Aanpassing
Widgetkleuren Naam AI-assistent Welkomstbericht Widgetpositie Automatische trigger Begroetingsballon Ongelezen badge Instructiemodus Vragen stellen Emoji gebruiken E-mails verzamelen Telefoonnummers verzamelen Slimme leadregistratie Lokalisatie Branding verbergen Privacylink Aangepaste melding Transcript downloaden Nieuw gesprek Gespreksgeschiedenis Tagline & statusstip Spraak naar tekst Chatpictogram Bedrijfslogo Tekenlimiet Temperatuur
Tips voor AI-instructies Abonnementen vergelijken
Functies
Website crawlen Kennishiaten Productkaarten Dynamische productkaarten Dynamic Images Gebruikerscontext Live monitoring Menselijke overname Escalatie AI-meldingen Dagelijks rapport Realtime gegevensfeed Realtime gegevensfeed Max Teamleden Single Sign-On Afbeeldingen toevoegen Beeldherkenning Vertaalwidget Lokalisatie Leads Slimme leadregistratie Ondersteuningstickets Boekingen Insluitingen Pagina's uitsluiten Geblokkeerde IPs Slimmer model Denkmodus inschakelen Antwoordsuggesties Vervolgberichten Spraak naar tekst Transcript downloaden Ingesloten chat
Analyses
Chatanalyses Chatlogboeken
Integraties
REST API Instagram Messenger WhatsApp Zapier Email Mobiele apps
Overig
Toevoegen aan startscherm Aangepaste openknop
Vraag AI

Hoe u de Asyntai AI-chatbot toevoegt aan Bubble

Stapsgewijze handleiding voor Bubble-apps

Insluitcode ophalen
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

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: App-instellingen gebruiken (aanbevolen)

Bubble heeft een ingebouwde manier om aangepaste scripts toe te voegen via de app-instellingen:

  1. Log in op de editor van uw Bubble-app
  2. Ga naar Settings in de linkerzijbalk
  3. Klik op het tabblad "Web App"
  4. Scroll naar beneden naar "Advanced Settings"
  5. Zoek het gedeelte "Custom headers and body"
  6. Plak uw Asyntai-insluitcode in het veld "Script in body"
  7. Deploy uw app

Tip: Het toevoegen van de code aan het body-scriptveld zorgt ervoor dat deze op elke pagina van uw Bubble-app wordt geladen, wat de aanbevolen aanpak is voor chatwidgets. Deze functie is beschikbaar bij alle Bubble-abonnementen, inclusief Free.

Alternatief: HTML-element gebruiken

Als u de chatbot alleen aan een specifieke pagina wilt toevoegen:

  1. Open in de Bubble-editor de pagina waar u de chatbot wilt
  2. Voeg een HTML-element toe aan uw pagina
  3. Plak de Asyntai-insluitcode in het element
  4. Deploy uw app

Opmerking: De app-instellingsmethode heeft de voorkeur omdat deze de chatbot over uw gehele app toepast. De HTML-elementmethode voegt de chatbot alleen toe aan de specifieke pagina waar u het element plaatst.

Stap 3: Installatie verifiëren

Bezoek na het deployen van uw app uw Bubble-site in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop in de rechteronderhoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.

Ziet u de widget niet? Zorg ervoor dat u uw app hebt gedeployd na het toevoegen van de code. Probeer uw browsercache te wissen of te bekijken in een incognitovenster. Als u in de ontwikkelmodus test, controleer dan ook de live versie van uw app.