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 Duda

Steg-för-steg-guide för Duda-webbplatser

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 i webbplatsinställningar (rekommenderas)

Det enklaste sättet att lägga till chattboten på alla sidor på din Duda-webbplats är via webbplatsinställningarna:

  1. Logga in på ditt Duda-konto och öppna din webbplatsredigerare
  2. I det vänstra sidofältet, klicka på "Mer" (ikon med tre prickar)
  3. Klicka på "Inställningar"
  4. Scrolla ner och klicka på "Head HTML"
  5. I fältet "Body End HTML", klistra in din Asyntai-inbäddningskod
  6. Klicka på "Spara"
  7. Klicka på "Publicera" uppe till höger för att göra dina ändringar aktiva

Tips: Att lägga till kod i avsnittet Body End HTML säkerställer att chattboten laddas efter sidinnehållet, vilket inte påverkar webbplatsens laddningshastighet. Den här metoden lägger automatiskt till chattboten på varje sida på din webbplats.

Alternativ metod 1: HTML-widget (specifika sidor)

Om du bara vill lägga till chattboten på specifika sidor, använd HTML-widgeten:

  1. Öppna sidan du vill redigera i Duda-redigeraren
  2. I det vänstra sidofältet, sök efter "HTML" i widgetpanelen
  3. Dra och släpp HTML-widgeten till en kolumn eller rad på din sida
  4. Klicka på widgeten för att redigera den
  5. Klistra in din Asyntai-inbäddningskod i kodfältet
  6. Klicka på "Uppdatera"
  7. Klicka på "Publicera" för att göra ändringarna aktiva

Obs! HTML-widgeten låter dig bädda in anpassad kod var som helst på din sida. Den visuella placeringen av widgeten påverkar inte var chattboten visas – den visas fortfarande i det nedre högra hörnet som konfigurerat.

Alternativ metod 2: Utvecklarläge (avancerat)

För avancerade användare kan du använda utvecklarläget för att lägga till kod direkt i HTML:

  1. I Duda-redigeraren, klicka på ikonen Utvecklarläge i det övre fältet
  2. Klicka på "Site HTML/CSS" för att expandera valet
  3. Klicka på "body-end.html" i fillistan
  4. Scrolla till sista raden i filen
  5. Klistra in din Asyntai-inbäddningskod på en ny rad
  6. Klicka på "Spara"
  7. Klicka på "Klar" för att avsluta utvecklarläget
  8. Klicka på "Publicera" för att distribuera dina ändringar

Viktigt: Utvecklarläget ger dig direkt tillgång till din webbplats HTML och CSS. Se till att bara lägga till kod i slutet av filen body-end.html för att undvika att bryta webbplatsens funktionalitet. Testa alltid ändringar innan du publicerar.

Steg 3: Verifiera installationen

Efter att du har publicerat dina ändringar, öppna din 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 publicerat din webbplats (inte bara sparat). Rensa webbläsarens cache eller visa sidan i inkognitoläge. Kontrollera att din kod använder HTTPS (vilket den gör som standard). Öppna webbläsarkonsolen (F12) för att kontrollera eventuella JavaScript-fel.