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 Bludit

Steg-för-steg-guide för Bludit CMS

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: Lägg till kod med HTML-kod-plugin (rekommenderas)

Det enklaste sättet att lägga till chattboten på din Bludit-webbplats är att använda det inbyggda plugin-programmet HTML Code:

  1. Logga in på din Bludit Admin Panel
  2. Navigera till Plugin-program i den vänstra sidofältet
  3. Hitta insticksmodulen "HTML Code" (den är vanligtvis förinstallerad)
  4. Om den inte är aktiv, klicka på "Aktivera" för att aktivera den
  5. Klicka på "Konfigurera" på HTML Code-tillägget
  6. I konfigurationen ser du fält för huvud- och sidfotskod
  7. Klistra in din Asyntai-inbäddningskod i fältet "Footer"
  8. Klicka på "Spara"

Tips: Att lägga till kod i sidfoten säkerställer att det laddas i slutet av dina sidor, vilket inte bromsar webbplatsens initiala laddning. Den här metoden lägger automatiskt till chattboten på alla sidor på din webbplats.

Alternativ metod 1: Integration i temafil

För mer kontroll kan du lägga till koden direkt i dina temafiler:

  1. Anslut till din Bludit-installation via FTP eller Filhanteraren
  2. Navigera till /bl-themes/your-theme-name/
  3. Öppna filen index.php för redigering
  4. Hitta den avslutande taggen </body>
  5. Klistra in din Asyntai-inbäddningskod precis före taggen </body>
  6. Spara filen
  7. Rensa webbplatsens cache om tillämpligt

Obs! När du redigerar temafiler direkt, se till att säkerhetskopiera originalfilen först. Temauppdateringar kan skriva över dina ändringar, så dokumentera dina modifieringar.

Alternativ metod 2: Anpassat innehåll på sidor

Du kan också lägga till chatbot-koden direkt på specifika sidor med Bludits innehållsredigerare:

  1. Logga in på din Bludit Admin Panel
  2. Gå till Innehåll och välj den sida du vill redigera
  3. Växla till HTML-läge i redigeraren (om du använder en visuell redigerare)
  4. Lägg till din Asyntai-inbäddningskod var som helst i sidinnehållet
  5. Klicka på "Spara"
  6. Upprepa för andra sidor där du vill ha chattboten

Viktigt: När du lägger till kod direkt i sidinnehållet måste du lägga till den på varje sida separat. För installation på hela webbplatsen, använd HTML Code-tillägget eller temafilmetoden istället.

Använda Plugin Hooks (avancerat)

För utvecklare som skapar anpassade plugins tillhandahåller Bludit plugin-hookar:

  • siteBodyBegin - Körs längst upp i <body>-taggen
  • siteBodyEnd - Körs längst ned, idealisk för JavaScript-kod som Asyntai-widgeten

Du kan skapa ett anpassat tillägg som använder hooken siteBodyEnd för att injicera chatbot-koden på alla sidor.

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar, besök din Bludit-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 säkerställa att den öppnas och fungerar korrekt.

Ser du inte widgeten? Se till att du sparat plugin-konfigurationen eller temafilen. Rensa webbläsarens cache och Bludits cache (om aktiverad). Kontrollera webbläsarkonsolen (F12) för eventuella JavaScript-fel.