Назад к панели управления

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

Узнайте, как использовать Asyntai

Начало работы
Установка База знаний Как ИИ получает доступ к вашему контенту Подключите свой сайт Протестируйте ваш ИИ Управление сайтами
Настройка
Дизайны кнопки чата Значок кнопки чата Цвета виджета Имя ИИ-ассистента Начальное сообщение Положение виджета Автозапуск Приветственный пузырь Значок непрочитанных Режим инструкций Задать вопросы Использовать эмодзи Разрешить только определённые языки Собирать email-адреса Собирать номера телефонов Умный захват лидов Локализация Скрыть брендинг Ссылка на политику конфиденциальности Пользовательское уведомление Открывать ссылки в той же вкладке Скачать транскрипт Новый диалог История разговоров Слоган и индикатор статуса Распознавание речи Иконка чата Логотип компании Ограничение символов Температура
Советы по инструкциям для ИИ Переход с другого чат-бота Сравнить тарифы
Возможности
Панель Ask AI Панель AI-поиска Сканирование сайта Пробелы в знаниях Карточки продуктов Динамические карточки товаров Динамические изображения Контекст пользователя Пользовательские инструменты Параметры ссылок Проактивные сообщения Мониторинг в реальном времени Передача живому оператору Эскалация Уведомления ИИ Уведомления в браузере Ежедневный отчёт Поток данных в реальном времени Поток данных в реальном времени Max Участники команды Единый вход Двухфакторная аутентификация Показывать изображения Распознавание изображений Виджет перевода Локализация Прозрачность ИИ Лиды Умный захват лидов Тикеты поддержки Категории чатов Бронирования Голосовой агент Встраивания Исключить страницы Заблокированные IP Политика хранения Режим нулевого хранения Маскирование PII Классификатор ответов Access Tags Закрепление версии виджета Журнал аудита Подсказки для ответа Дополнительные сообщения Распознавание речи Скачать транскрипт Встроенный чат Встраивание через iframe
Аналитика
Аналитика чата Журнал чатов
Интеграции
REST API Instagram Messenger WhatsApp Twilio Discord Zapier Email Мобильные приложения
Другое
Добавить на главный экран Пользовательская кнопка открытия Кнопки «Спросить ИИ» Платёж не прошёл?
Спросить ИИ

Как добавить ИИ-чат-бот 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: Получите код встраивания

Сначала перейдите в панель управления Asyntai и прокрутите вниз до раздела "Код встраивания". Скопируйте свой уникальный код встраивания, который выглядит так:

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

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Через пользовательский код (рекомендуется)

В Framer есть встроенная функция Custom Code, которая упрощает добавление скриптов:

  1. Откройте свой проект Framer
  2. Нажмите на значок шестерёнки (настройки сайта) в левом верхнем углу
  3. Перейдите в раздел «Custom Code»
  4. Нажмите кнопку «Add Script»
  5. Вставьте код встраивания Asyntai в поле скрипта
  6. Установите размещение «Конец тега <body>»
  7. Сохраните и опубликуйте ваш сайт

Совет: Размещение скрипта в «Конце тега <body>» гарантирует его загрузку после содержимого страницы, что рекомендуется для виджетов чата и не замедлит загрузку страницы. Framer также предлагает варианты «Начало <head>» и «Конец <head>», но предпочтительнее конец body.

Альтернатива: Через компонент кода

Если вы предпочитаете добавить чат-бот с помощью компонента Code:

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

Примечание: Метод пользовательского кода предпочтителен, так как применяет чат-бот ко всему сайту на всех страницах. Метод компонента кода может добавить чат-бот только на конкретную страницу, где вы разместили компонент.

Шаг 3: Проверка установки

После публикации изменений откройте сайт Framer в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.

Виджет не отображается? Убедитесь, что вы сохранили и опубликовали сайт после добавления кода. Попробуйте очистить кэш браузера или открыть сайт в режиме инкогнито. При использовании пользовательского домена изменения могут распространяться несколько минут.