Zpět na přehled

Dokumentace

Naučte se používat Asyntai

Začínáme
Instalace Znalostní báze Otestujte svou AI Správa webů
Přizpůsobení
Barvy widgetu Název AI asistenta Úvodní zpráva Pozice widgetu Automatické spuštění Uvítací bublina Odznak nepřečtených zpráv Režim instrukcí Klást otázky Používat emoji Sběr e-mailů Sběr telefonních čísel Chytré získávání kontaktů Lokalizace Skrýt značku Odkaz na ochranu soukromí Vlastní oznámení Stažení přepisu Nová konverzace Historie konverzací Slogan a stavová tečka Převod řeči na text Ikona chatu Logo společnosti Limit znaků Teplota
Tipy pro pokyny AI Porovnání tarifů
Funkce
Procházení webu Mezery ve znalostech Produktové karty Dynamické produktové karty Dynamic Images Kontext uživatele Živé sledování Převzetí člověkem Eskalace AI upozornění Denní report Datový kanál v reálném čase Datový kanál v reálném čase Max Členové týmu Jednotné přihlášení Zahrnutí obrázků Rozpoznávání obrázků Widget pro překlad Lokalizace Kontakty Chytré získávání kontaktů Tikety podpory Rezervace Vložené prvky Vyloučení stránek Blokované IP adresy Chytřejší model Zapnout režim přemýšlení Návrhy odpovědí Navazující zprávy Převod řeči na text Stažení přepisu Vložený chat
Analytika
Analytika chatu Historie chatů
Integrace
REST API Instagram Messenger WhatsApp Zapier Email Mobilní aplikace
Jiné
Přidat na plochu Vlastní tlačítko pro otevření
Zeptat se AI

Jak přidat Asyntai AI chatbota na Framer

Podrobný návod pro weby na Framer

Získat kód pro vložení
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ískejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Použití vlastního kódu (doporučeno)

Framer má vestavěnou funkci vlastního kódu, která usnadňuje přidávání skriptů:

  1. Otevřete svůj projekt ve Framer
  2. Klikněte na ikonu ozubeného kola (Site Settings) vlevo nahoře
  3. Přejděte do sekce "Custom Code"
  4. Klikněte na tlačítko "Add Script"
  5. Vložte váš Asyntai embed kód do pole pro skript
  6. Nastavte umístění na "End of <body> tag"
  7. Uložte a publikujte svůj web

Tip: Umístění skriptu na \"End of <body> tag\" zajistí jeho načtení po obsahu stránky, což se doporučuje pro chatovací widgety a nezpomalí načítání stránky. Framer nabízí také možnosti \"Start of <head>\" a \"End of <head>\", ale konec body je preferovaný.

Alternativa: Použití komponenty Code

Pokud raději přidáte chatbota pomocí komponenty Code:

  1. V editoru Framer otevřete stránku, kde chcete chatbota
  2. Přidejte komponentu Code na plátno
  3. Vložte Asyntai embed kód do komponenty
  4. Umístěte ji do rozložení podle potřeby

Poznámka: Metoda vlastního kódu je preferovaná, protože aplikuje chatbota na celý web na všech stránkách. Metoda komponenty Code může přidat chatbota pouze na konkrétní stránku, kde komponentu umístíte.

Krok 3: Ověřte instalaci

Po publikování změn navštivte svůj web Framer v nové záložce prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatovacího widgetu. Klikněte na něj a ověřte, že se správně otevírá a funguje.

Nevidíte widget? Ujistěte se, že jste web po přidání kódu uložili a publikovali. Zkuste vymazat mezipaměť prohlížeče nebo web zobrazte v anonymním okně. Pokud používáte vlastní doménu, změny se mohou projevit až za několik minut.