Späť na panel

Dokumentácia

Naučte sa používať Asyntai

Začíname
Inštalácia Znalostná báza Otestujte svoju AI Správa webových stránok
Prispôsobenie
Farby widgetu Názov AI asistenta Úvodná správa Pozícia widgetu Automatické spustenie Uvítacia bublina Odznak neprečítaných Režim inštrukcií Klásť otázky Používať emoji Zbierať e-maily Zbierať telefónne čísla Inteligentné zachytávanie kontaktov Lokalizácia Skryť branding Odkaz na súkromie Vlastné oznámenie Stiahnutie prepisu Nová konverzácia História konverzácií Slogan a bodka stavu Reč na text Ikona chatu Logo spoločnosti Limit znakov Teplota
Tipy pre AI inštrukcie Porovnať plány
Funkcie
Prehľadávanie webu Medzery vo vedomostiach Produktové karty Dynamické produktové karty Dynamic Images Kontext používateľa Živé monitorovanie Prevzatie ľudským operátorom Eskalácia AI notifikácie Denná správa Dátový kanál v reálnom čase Dátový kanál v reálnom čase Max Členovia tímu Jednotné prihlásenie Zahrnutie obrázkov Obrazové videnie Widget na preklad Lokalizácia Kontakty Inteligentné zachytávanie kontaktov Tikety podpory Rezervácie Vloženia Vylúčiť stránky Blokované IP Inteligentnejší model Povoliť premýšľanie Návrhy odpovedí Následné správy Reč na text Stiahnutie prepisu Vložený chat
Analytiku
Analytika chatov Záznamy chatov
Integrácie
REST API Instagram Messenger WhatsApp Discord Zapier Email Mobilné aplikácie
Iné
Pridať na domovskú obrazovku Vlastné tlačidlo na otvorenie Payment Failed?
Opýtať sa AI

Ako pridať Asyntai AI Chatbot do Webflow

Podrobný návod pre webové stránky Webflow

Získať vkladací kód
Platforma:
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

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Pridanie kódu cez Site Settings (Všetky stránky)

Pre pridanie chatbota na všetky stránky vášho webu Webflow naraz:

  1. Prihláste sa do svojho účtu Webflow a vyberte svoj projekt
  2. Kliknite na ikonu ozubeného kolesa (Site Settings) v ľavom bočnom paneli
  3. Kliknite na "Custom Code" v menu nastavení
  4. Prejdite nadol do sekcie "Footer Code" (pred značkou </body>)
  5. Vložte svoj vkladací kód Asyntai
  6. Kliknite na "Save Changes"
  7. Publikujte svoj web, aby sa zmeny prejavili

Tip: Pridanie kódu do sekcie Footer ho umiestni tesne pred uzatváraciu značku </body>, čo sa odporúča pre chatové widgety, pretože nespomalí načítanie vašej stránky.

Alternatíva: Vlastný kód pre konkrétnu stránku

Ak chcete chatbota len na konkrétnych stránkach:

  1. Otvorte svoj projekt vo Webflow Designer
  2. Kliknite na panel Pages (ikona priečinka) v ľavom bočnom paneli
  3. Prejdite myšou nad stránku, ktorú chcete upraviť, a kliknite na ikonu ozubeného kolesa
  4. Prejdite nadol na "Custom Code"
  5. Vložte svoj vkladací kód Asyntai do sekcie "Before </body> tag"
  6. Kliknite na "Uložiť"
  7. Publikujte svoj web

Alternatíva: Pomocou prvku Embed

Chatbota môžete pridať aj pomocou prvku Embed kdekoľvek na stránke:

  1. Otvorte svoj projekt vo Webflow Designer
  2. Kliknite na tlačidlo "+" pre otvorenie panela pridania
  3. Vyhľadajte "Embed" alebo ho nájdite v časti Components
  4. Presuňte prvok Embed na svoju stránku
  5. Vložte svoj vkladací kód Asyntai do editora kódu
  6. Kliknite na "Ulozit a zavriet"
  7. Publikujte svoj web

Dôležité: Pri použití prvku Embed ho musíte pridať na každú stránku, kde chcete chatbota. Pre inštaláciu na celom webe použite metódu Site Settings uvedenú vyššie.

Krok 3: Overenie inštalácie

Po publikovaní webu ho otvorte v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.

Nevidíte widget? Uistite sa, že ste po pridaní kódu publikovali svoj web. Vlastný kód sa zobrazuje iba na živom webe, nie v náhľade Designer. Skúste vymazať vyrovnávaciu pamäť prehliadača alebo zobraziť stránku v okne inkognito.