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 Aviseringsprat 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 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 Exkludera sidor Blockerade IP-adresser Smartare modell Aktivera tänkning Svarsförslag Uppföljningsmeddelanden Tal till text Ladda ned transkript Inbäddad chatt
Analys
Chattanalytics Chattloggar
Integrationer
REST API Instagram Messenger WhatsApp Zapier Email Mobilappar
Annat
Lägg till på startskärmen Anpassad öppningsknapp

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

Steg-för-steg-guide för Webflow-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 instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Lägg till kod via webbplatsinställningar (alla sidor)

To add the chatbot to all pages of your Webflow site at once:

  1. Logga in på ditt Webflow-konto och välj ditt projekt
  2. Klicka på kugghjulsikonen (Webbplatsinställningar) i det vänstra sidofältet
  3. Klicka på "Custom Code" i inställningsmenyn
  4. Scrolla ner till avsnittet "Footer Code" (före </body>-taggen)
  5. Klistra in din Asyntai-inbäddningskod
  6. Klicka på "Save Changes"
  7. Publish your site for the changes to go live

Tips: Att lägga till koden i sidfotavsnittet placerar den precis före det avslutande </body>-taggen, vilket rekommenderas för chattwidgetar eftersom det inte bromsar sidladdningen.

Alternativ: Sidspecifik anpassad kod

Om du bara vill ha chattboten på specifika sidor:

  1. Öppna ditt projekt i Webflow Designer
  2. Klicka på Sidpanelen (mappikon) i det vänstra sidofältet
  3. Hovra över sidan du vill redigera och klicka på kugghjulsikonen
  4. Scrolla ner till "Custom Code"
  5. Klistra in din Asyntai-inbäddningskod i avsnittet "Före </body>-taggen"
  6. Klicka på "Spara"
  7. Publicera din webbplats

Alternativ: Använda inbäddningselement

Du kan också lägga till chatboten med Embed-elementet var som helst på din sida:

  1. Öppna ditt projekt i Webflow Designer
  2. Klicka på knappen "+" för att öppna Lägg till-panelen
  3. Sök efter "Embed" eller hitta det under Components
  4. Dra Embed-elementet till din sida
  5. Klistra in din Asyntai-inbäddningskod i kodredigeraren
  6. Klicka på "Save & Close"
  7. Publicera din webbplats

Viktigt: När du använder Embed-elementet behöver du lägga till det på varje sida där du vill ha chatboten. För installation på hela webbplatsen, använd metoden Site Settings ovan.

Steg 3: Verifiera installationen

Efter att du har publicerat din webbplats, öppna den 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 publicerat din webbplats efter att ha lagt till koden. Anpassad kod visas bara på live-webbplatsen, inte i Designer-förhandsgranskningen. Prova att rensa webbläsarens cache eller visa sidan i ett inkognitofönster.