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 Framer

Steg-för-steg-guide för Framer-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: Använda anpassad kod (rekommenderas)

Framer har en inbyggd funktion för anpassad kod som gör det enkelt att lägga till skript:

  1. Öppna ditt Framer-projekt
  2. Klicka på kugghjulsikonen (Site Settings) längst upp till vänster
  3. Gå till avsnittet "Custom Code"
  4. Klicka på knappen "Add Script"
  5. Klistra in din Asyntai-inbäddningskod i skriptfältet
  6. Ställ in placeringen till "End of <body> tag"
  7. Spara och publicera din webbplats

Tips: Att placera skriptet vid "End of <body> tag" säkerställer att det laddas efter sidinnehållet, vilket rekommenderas för chattwidgetar och inte saktar ner sidladdningen. Framer erbjuder även alternativen "Start of <head>" och "End of <head>", men slutet av body är att föredra.

Alternativ: Använda kodkomponent

Om du föredrar att lägga till chattboten med en kodkomponent:

  1. I Framer-redigeraren, öppna sidan där du vill ha chattboten
  2. Lägg till en kodkomponent på din canvas
  3. Klistra in Asyntai-inbäddningskoden i komponenten
  4. Placera det i din layout efter behov

Obs! Metoden med anpassad kod är att föredra eftersom den tillämpar chattboten på hela webbplatsen på alla sidor. Metoden med kodkomponent kanske bara lägger till chattboten på den specifika sidan där du placerar komponenten.

Steg 3: Verifiera installationen

Efter att du har publicerat dina ändringar, besök din Framer-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 sparat och publicerat din webbplats efter att ha lagt till koden. Prova att rensa webbläsarens cache eller visa sidan i ett inkognitofönster. Om du använder en anpassad domän kan det ta några minuter för ändringarna att spridas.