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

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

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

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

Как добавить ИИ-чат-бот Asyntai в Blogger

Пошаговое руководство для сайтов на Blogger

Получить код встраивания
Платформа:
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: Использование гаджета HTML/JavaScript (рекомендуется)

Самый простой способ добавить чат-бот — использовать встроенный гаджет HTML/JavaScript в Blogger:

  1. Войдите в панель управления Blogger на blogger.com
  2. Выберите свой блог из списка
  3. Нажмите «Layout» на левой панели
  4. Найдите раздел, куда хотите добавить виджет (предпочтительно футер)
  5. Нажмите «Add a Gadget»
  6. Выберите «HTML/JavaScript» из списка гаджетов
  7. Оставьте заголовок пустым (или добавьте, если хотите)
  8. Вставьте код встраивания Asyntai в область контента
  9. Нажмите «Save»
  10. Нажмите «Save arrangement» на странице Layout

Совет: Добавление гаджета в раздел футера обеспечивает загрузку на всех страницах блога. Чат-бот будет отображаться как плавающая кнопка независимо от того, где размещён гаджет.

Альтернатива: HTML темы

Вы также можете добавить код напрямую в HTML вашей темы:

  1. Перейдите в «Theme» на левой панели
  2. Нажмите на стрелку раскрывающегося списка рядом с «Customize»
  3. Выберите «Edit HTML»
  4. Нажмите Ctrl+F (или Cmd+F на Mac), чтобы открыть поиск
  5. Найдите </body>
  6. Вставьте код встраивания Asyntai перед тегом </body>
  7. Нажмите «Save theme»

Важно: При редактировании HTML темы будьте осторожны — не удаляйте и не изменяйте другой код. Рекомендуем сначала сделать резервную копию темы, нажав «Резервная копия».

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

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

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