Înapoi la tabloul de bord

Documentație

Aflați cum să utilizați Asyntai

Primii pași
Instalare Bază de cunoștințe Cum accesează IA conținutul dvs. Conectați-vă site-ul Testează-ți AI-ul Gestionează site-urile
Personalizare
Modele pentru butonul de chat Pictograma butonului de chat Culorile widget-ului Numele asistentului AI Mesaj inițial Poziția widget-ului Declanșare automată Balon de salut Insignă de necitit Mod instrucțiuni Adresează întrebări Utilizare Emoji Permite doar anumite limbi Colectare e-mailuri Colectare numere de telefon Captare inteligentă de lead-uri Localizare Ascunde branding-ul Link de confidențialitate Notificare personalizată Deschide linkurile în aceeași filă Descărcare transcriere Conversație nouă Istoricul conversațiilor Slogan și punct de stare Transcriere vocală Iconiță chat Logo companie Limită de caractere Temperatură
Sfaturi pentru instrucțiuni AI Trecerea de la alt chatbot Compară planurile
Funcționalități
Bara Ask AI Bara de căutare AI Scanare site web Lacune de cunoștințe Carduri de produse Carduri de produse dinamice Imagini dinamice Contextul utilizatorului Instrumente personalizate Parametri de linkuri Mesaje proactive Monitorizare live Preluare umană Escaladare Notificări AI Notificări în browser Raport zilnic Flux de date în timp real Flux de date în timp real Max Membrii echipei Autentificare unică Autentificare cu doi factori Include imagini Viziune imagine Widget de traducere Localizare Transparența IA Lead-uri Captare inteligentă de lead-uri Tichete de suport Categorii de conversații Rezervări Agent vocal Încorporări Exclude pagini IP-uri blocate Politică de păstrare Mod zero păstrare Mascarea PII Clasificatorul de răspunsuri Access Tags Fixarea versiunii widgetului Jurnal de audit Sugestii de răspuns Mesaje de urmărire Transcriere vocală Descărcare transcriere Chat integrat Încorporare prin iframe
Analize
Analize chat Jurnale de chat
Integrări
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email Aplicații mobile
Altceva
Adaugă pe ecranul principal Buton personalizat de deschidere Butoane Întreabă AI Plată eșuată?
Întrebați AI

Cum să adăugați Chatbot-ul AI Asyntai în Framer

Ghid pas cu pas pentru site-urile Framer

Obține codul de încorporare
Platformă:
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

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați panoul de control Asyntai și derulați în jos până la secțiunea "Cod de integrare". Copiați codul dvs. unic de integrare, care va arăta astfel:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Utilizarea codului personalizat (Recomandat)

Framer are o funcție de Cod personalizat integrată care facilitează adăugarea scripturilor:

  1. Deschideți proiectul Framer
  2. Faceți clic pe pictograma roată (Setări site) în partea din stânga sus
  3. Mergeți la secțiunea "Custom Code"
  4. Faceți clic pe butonul "Add Script"
  5. Lipiți codul de integrare Asyntai în câmpul de script
  6. Setați plasarea la "End of <body> tag"
  7. Salvați și publicați site-ul dvs.

Sfat: Plasarea scriptului la "End of <body> tag" asigură că se încarcă după conținutul paginii, ceea ce este recomandat pentru widget-urile de chat și nu va încetini încărcarea paginii. Framer oferă și opțiunile "Start of <head>" și "End of <head>", dar sfârșitul body-ului este preferat.

Alternativă: Utilizarea componentei de cod

Dacă preferați să adăugați chatbot-ul folosind o componentă de cod:

  1. În editorul Framer, deschideți pagina unde doriți chatbot-ul
  2. Adăugați o componentă de cod pe canvasul dvs.
  3. Lipiți codul de integrare Asyntai în componentă
  4. Poziționați-o în layout-ul dvs. după cum este necesar

Notă: Metoda Cod personalizat este preferată deoarece aplică chatbot-ul pe întregul site pe toate paginile. Metoda componentei de cod poate adăuga chatbot-ul doar pe pagina specifică unde plasați componenta.

Pasul 3: Verificați instalarea

După publicarea modificărilor, vizitați site-ul Framer într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.

Nu vedeți widgetul? Asigurați-vă că ați salvat și publicat site-ul după adăugarea codului. Încercați să goliți cache-ul browserului sau să vizualizați într-o fereastră incognito. Dacă utilizați un domeniu personalizat, modificările pot dura câteva minute pentru a se propaga.