Înapoi la tabloul de bord

Documentație

Aflați cum să utilizați Asyntai

Primii pași
Instalare Bază de cunoștințe Testează-ți AI-ul Gestionează site-urile
Personalizare
Culorile widget-ului Numele asistentului AI Mesaj inițial Poziția widget-ului Declanșare automată Balon de notificare Insignă de necitit Mod instrucțiuni Adresează întrebări Utilizare Emoji Colectare e-mailuri Colectare numere de telefon Captare inteligentă de lead-uri Localizare Ascunde branding-ul Link de confidențialitate Notificare personalizată Descărcare transcriere Conversație nouă Istoricul conversațiilor Slogan și punct de stare Vorbire în text Iconiță chat Logo companie Limită de caractere Temperatură
Sfaturi pentru instrucțiuni AI Compară planurile
Funcționalități
Scanare site web Lacune de cunoștințe Carduri de produse Contextul utilizatorului Monitorizare în timp real Preluare umană Escaladare Notificări AI Raport zilnic Flux de date în timp real Flux de date în timp real Max Membri echipei Autentificare unică Include imagini Viziune imagine Widget de traducere Localizare Lead-uri Captare inteligentă de lead-uri Tichete de suport Rezervări Exclude pagini IP-uri blocate Model Mai Inteligent Activează gândirea Sugestii de răspuns Mesaje de urmărire Vorbire în text Descărcare transcriere Chat integrat
Analize
Analize chat Jurnale de chat
Integrări
REST API Instagram Messenger WhatsApp Zapier Email Aplicații mobile
Altele
Adaugă pe ecranul principal Buton personalizat de deschidere

Cum să adăugați chatbotul AI Asyntai pe Webflow

Ghid pas cu pas pentru site-uri Webflow

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 Tabloul de bord Asyntai și derulați în jos până la secțiunea "Cod de încorporare". Copiați codul unic de încorporare care va arăta astfel:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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: Adăugați codul prin Setări site (toate paginile)

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

  1. Conectați-vă la contul Webflow și selectați proiectul dvs.
  2. Faceți clic pe pictograma roată (Setări site) în bara laterală din stânga
  3. Faceți clic pe "Cod personalizat" în meniul de setări
  4. Derulați în jos până la secțiunea "Cod footer" (înainte de eticheta </body>)
  5. Inserați codul de încorporare Asyntai
  6. Faceți clic pe "Salvare modificări"
  7. Publicați site-ul pentru ca modificările să devină active

Sfat: Adăugarea codului în secțiunea Footer îl plasează chiar înainte de eticheta de închidere </body>, ceea ce este recomandat pentru widgeturile de chat deoarece nu va încetini încărcarea paginii.

Alternativă: Cod personalizat specific paginii

Dacă doriți chatbot-ul doar pe pagini specifice:

  1. Deschideți proiectul dvs. în Webflow Designer
  2. Faceți clic pe panoul Pagini (pictograma folder) în bara laterală din stânga
  3. Treceți cu mouse-ul peste pagina pe care doriți să o editați și faceți clic pe pictograma roată
  4. Derulați în jos până la "Cod personalizat"
  5. Inserați codul de încorporare Asyntai în secțiunea "Înainte de eticheta </body>"
  6. Faceți clic pe "Salvare"
  7. Publicați site-ul dvs.

Alternativă: Utilizarea elementului de încorporare

Puteți, de asemenea, adăuga chatbotul folosind elementul de încorporare oriunde pe pagina dvs.:

  1. Deschideți proiectul dvs. în Webflow Designer
  2. Click the "+" button to open the Add panel
  3. Căutați "Încorporare" sau găsiți-l sub Componente
  4. Trageți elementul de încorporare pe pagina dvs.
  5. Lipiți codul de integrare Asyntai în editorul de cod
  6. Faceți clic pe "Save & Close"
  7. Publicați site-ul dvs.

Important: Când utilizați elementul de încorporare, va trebui să îl adăugați pe fiecare pagină unde doriți chatbotul. Pentru instalarea pe tot site-ul, utilizați metoda Setări site de mai sus.

Pasul 3: Verificați instalarea

După publicarea site-ului, deschideți-l într-o filă nouă a browserului sau într-o fereastră incognito. Ar trebui să vedeți butonul widgetului 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 publicat site-ul după adăugarea codului. Codul personalizat apare doar pe site-ul live, nu în previzualizarea Designer. Încercați să goliți memoria cache a browserului sau să vizualizați într-o fereastră incognito.