Spat na panel

Dokumentacia

Naucte sa pouzivat Asyntai

Začíname
Inštalácia Znalostná báza Otestujte svoju AI Správa webových stránok
Prisposobenie
Farby widgetu Názov AI asistenta Úvodná správa Pozícia widgetu Automatické spustenie Notifikačná 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 Nova konverzacia 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 Kontext pouzivatela Živé monitorovanie Prevzatie ludskym operatorom 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 Jednotne prihlasenie Zahrnutie obrázkov Obrazové videnie Widget na preklad Lokalizácia Kontakty Inteligentné zachytávanie kontaktov Tikety podpory Rezervácie Vylúčiť stránky Blokovane 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
Integracie
REST API Instagram Messenger WhatsApp Zapier Email Mobilne aplikacie
Ostatne
Pridať na domovskú obrazovku Vlastné tlačidlo na otvorenie

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: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

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

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne 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í kod 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 konkretnch strankach:

  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 "Ulozit"
  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. Search for "Embed" or find it under 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.

Nevidite 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.