Tillbaka till instrumentpanelen

Dokumentation

Lär dig hur du använder Asyntai

Kom igång
Installation Kunskapsbas Testa din AI Hantera webbplatser
Anpassning
Widgetfärger AI-assistentens namn Initialt meddelande Widgetposition Auto-utlösare Hälsningsbubbla Oläst-ikon Instruktionsläge Ställ frågor Använd emoji Samla in e-postadresser Samla in telefonnummer Smart leadinfångning Lokalisering Dölj varumärkning Integritetslänk Anpassat meddelande Ladda ned transkript Ny konversation Konversationshistorik Slogan och statuspunkt Tal till text Chattikon Företagslogotyp Teckengräns Temperatur
Tips för AI-instruktioner Jämför planer
Funktioner
Webbplatsgenomsökning Kunskapsluckor Produktkort Dynamiska produktkort Dynamic Images Användarkontext Liveövervakning Mänskligt övertagande Eskalering AI-aviseringar Daglig rapport Realtidsdataflöde Realtidsdataflöde Max Teammedlemmar Enkel inloggning Inkludera bilder Image Vision Översättningswidget Lokalisering Leads Smart leadinfångning Supportärenden Bokningar Inbäddningar Exkludera sidor Blockerade IP-adresser Smartare modell Aktivera tänkning Svarsförslag Uppföljningsmeddelanden Tal till text Ladda ned transkript Inbäddad chatt
Analys
Chattanalys Chattloggar
Integrationer
REST API Instagram Messenger WhatsApp Zapier Email Mobilappar
Annat
Lägg till på startskärmen Anpassad öppningsknapp
Fråga AI

Hur du lägger till Asyntai AI-chattbot i Bubble

Steg-för-steg-guide för Bubble-appar

Hämta inbäddningskod
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

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din Dashboard eftersom den innehåller ditt personliga widget-ID.

Steg 2: Använda appinställningar (rekommenderas)

Bubble har ett inbyggt sätt att lägga till anpassade skript via appinställningarna:

  1. Logga in på din Bubble-app-redigerare
  2. Gå till Inställningar i det vänstra sidofältet
  3. Klicka på fliken "Webbapp"
  4. Scrolla ner till "Avancerade inställningar"
  5. Hitta avsnittet "Custom headers and body"
  6. Klistra in din Asyntai-inbäddningskod i fältet "Skript i body"
  7. Driftsätt din app

Tips: Att lägga till koden i body-skriptfältet säkerställer att det laddas på varje sida i din Bubble-app, vilket är det rekommenderade tillvägagångssättet för chattwidgetar. Den här funktionen är tillgänglig på alla Bubble-planer inklusive Free.

Alternativ: Använda HTML-element

Om du föredrar att lägga till chattboten på en specifik sida:

  1. I Bubble-redigeraren, öppna sidan där du vill ha chattboten
  2. Lägg till ett HTML-element på din sida
  3. Klistra in Asyntai-inbäddningskoden i elementet
  4. Driftsätt din app

Obs! Metoden med appinställningar är att föredra eftersom den tillämpar chattboten i hela din app. Metoden med HTML-element lägger bara till chattboten på den specifika sidan där du placerar elementet.

Steg 3: Verifiera installationen

Efter att du har driftsatt din app, besök din Bubble-webbplats i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du driftsatte din app efter att ha lagt till koden. Prova att rensa webbläsarens cache eller visa i ett inkognitofönster. Om du testar i utvecklingsläge, se till att även kontrollera den live-versionen av din app.