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

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

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

Початок роботи
Встановлення База знань Тестуйте ваш ШI Керування сайтами
Налаштування
Кольори віджета Ім'я ШІ-асистента Початкове повідомлення Позиція віджета Автозапуск Привітальна бульбашка Значок непрочитаних Режим інструкцій Ставити запитання Використовувати емодзі Збирати email-адреси Збирати номери телефонів Розумне захоплення лідів Локалізація Приховати брендинг Посилання на конфіденційність Власне повідомлення Завантаження стенограми Нова розмова Історія розмов Слоган та індикатор статусу Мовлення в текст Іконка чату Логотип компанії Ліміт символів Температура
Поради щодо інструкцій для ШI Порівняння тарифів
Функції
Сканування сайту Прогалини у знаннях Картки товарів Динамічні картки товарів Dynamic Images Контекст користувача Моніторинг у реальному часі Перехоплення оператором Ескалація Сповіщення ШI Щоденний звіт Потік даних у реальному часі Потік даних у реальному часі Max Учасники команди Єдиний вхід Включити зображення Розпізнавання зображень Віджет перекладу Локалізація Ліди Розумне захоплення лідів Тікети підтримки Бронювання Вбудовування Виключення сторінок Заблоковані IP Розумніша модель Увімкнути міркування Пропозиції відповідей Подальші повідомлення Мовлення в текст Завантаження стенограми Вбудований чат
Аналітика
Аналітика чатів Журнали чатів
Iнтеграції
REST API Instagram Messenger WhatsApp Zapier Email Мобільні додатки
Iнше
Додати на головний екран Користувацька кнопка відкриття
Запитати Ш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 async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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лькох хвилин для поширення.