Повернутися до панелі керування

Документація

Дізнайтеся, як використовувати Asyntai

Початок роботи
Встановлення База знань Як ШІ отримує доступ до вашого контенту Підключіть свій сайт Тестуйте ваш ШI Керування сайтами
Налаштування
Дизайни кнопки чату Значок кнопки чату Кольори віджета Ім'я ШІ-асистента Початкове повідомлення Позиція віджета Автозапуск Привітальна бульбашка Значок непрочитаних Режим інструкцій Ставити запитання Використовувати емодзі Збирати email-адреси Збирати номери телефонів Розумне захоплення лідів Локалізація Приховати брендинг Посилання на конфіденційність Власне повідомлення Завантаження стенограми Нова розмова Історія розмов Слоган та індикатор статусу Мовлення в текст Іконка чату Логотип компанії Ліміт символів Температура
Поради щодо інструкцій для ШI Перехід з іншого чат-бота Порівняння тарифів
Функції
Панель Ask AI Панель AI-пошуку Сканування сайту Прогалини у знаннях Картки товарів Динамічні картки товарів Динамічні зображення Контекст користувача Власні інструменти Параметри посилань Моніторинг у реальному часі Перехоплення оператором Ескалація Сповіщення ШI Щоденний звіт Потік даних у реальному часі Потік даних у реальному часі Max Учасники команди Єдиний вхід Двофакторна автентифікація Включити зображення Розпізнавання зображень Віджет перекладу Локалізація Прозорість ШІ Ліди Розумне захоплення лідів Тікети підтримки Бронювання Вбудовування Виключення сторінок Заблоковані IP Політика зберігання Режим нульового зберігання Маскування PII Класифікатор відповідей Access Tags Закріплення версії віджета Журнал аудиту Розумніша модель Увімкнути міркування Пропозиції відповідей Подальші повідомлення Мовлення в текст Завантаження стенограми Вбудований чат Iframe Embed
Аналітика
Аналітика чатів Журнали чатів
Iнтеграції
REST API Instagram Messenger WhatsApp Discord Zulip phpBB NodeBB Wagtail HumHub XenForo Rocket.Chat WHMCS FOSSBilling Airtable Trello Matomo Nuvemshop Coda Thinkific Docusaurus Google Tag Manager CS-Cart XWiki Webex Zapier Email Notion GitBook Confluence Jira Service Management Contao Zoho Desk Мобільні додатки
Iнше
Додати на головний екран Користувацька кнопка відкриття Кнопки «Запитати ШІ» Payment Failed?
Запитати ШI

Як додати AI чат-бот Asyntai до Framer

Покрокова інструкція для веб-сайтів Framer

Отримати код вбудовування
Платформа:
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

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Використання власного коду (Рекомендовано)

Framer має вбудовану функцію Custom Code, яка спрощує додавання скриптів:

  1. Відкрийте свій проект Framer
  2. Натисніть на значок шестерні (Site Settings) у верхньому лівому куті
  3. Перейдіть до розділу "Custom Code"
  4. Натисніть кнопку "Add Script"
  5. Вставте код вбудовування Asyntai у поле скрипту
  6. Встановіть розміщення на "End of <body> tag"
  7. Збережіть та опублікуйте свій сайт

Порада: Розмiщення скрипту в "End of <body> tag" забезпечує його завантаження пiсля контенту сторiнки, що рекомендується для чат-вiджетiв i не сповiльнює завантаження сторiнки. Framer також пропонує варiанти "Start of <head>" та "End of <head>", але кiнець body є переважним.

Альтернатива: Використання компонента коду

Якщо ви надаєте перевагу додаванню чат-бота за допомогою компонента коду:

  1. У редакторi Framer вiдкрийте сторiнку, де ви хочете розмiстити чат-бот
  2. Додайте компонент коду на ваше полотно
  3. Вставте код вбудовування Asyntai до компонента
  4. Розмістіть його у вашому макеті за потреби

Примітка: Метод Custom Code є переважним, оскiльки вiн застосовує чат-бот на всьому сайтi на всiх сторiнках. Метод компонента коду може додати чат-бот лише на конкретну сторiнку, де ви розмiщуєте компонент.

Крок 3: Перевірте встановлення

Пiсля публiкацiї змiн вiдвiдайте свiй сайт Framer у новiй вкладцi браузера або в режимi iнкогнiто. Ви повиннi побачити кнопку чат-вiджету в нижньому правому кутi. Натиснiть на неї, щоб переконатися, що вона вiдкривається та працює коректно.

Не бачите віджет? Переконайтеся, що ви зберегли та опублiкували сайт пiсля додавання коду. Спробуйте очистити кеш браузера або переглянути в режимi iнкогнiто. Якщо ви використовуєте власний домен, змiни можуть потребувати кiлькох хвилин для поширення.