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

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

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

Початок роботи
Встановлення База знань Тестуйте ваш ШI Керування сайтами
Налаштування
Кольори віджета Ім'я ШІ-асистента Початкове повідомлення Позиція віджета Автозапуск Бульбашка сповіщення Значок непрочитаних Режим інструкцій Ставити запитання Використовувати емодзі Збирати email-адреси Збирати номери телефонів Розумне захоплення лiдiв Локалiзацiя Приховати брендинг Посилання на конфіденційність Власне повідомлення Завантаження стенограми Нова розмова Історія розмов Слоган та індикатор статусу Мовлення в текст Іконка чату Логотип компанії Ліміт символів Температура
Поради щодо iнструкцiй для ШI Порiвняння тарифiв
Функцiї
Сканування сайту Прогалини у знаннях Картки товарiв Контекст користувача Монiторинг у реальному часi Перехоплення оператором Ескалація Сповiщення ШI Щоденний звіт Потiк даних у реальному часi Потiк даних у реальному часi Max Учасники команди Єдиний вхiд Включити зображення Розпiзнавання зображень Вiджет перекладу Локалiзацiя Лiди Розумне захоплення лiдiв Тiкети пiдтримки Бронювання Виключення сторiнок Заблоковані IP Розумніша модель Увiмкнути мiркування Пропозицiї вiдповiдей Подальшi повiдомлення Мовлення в текст Завантаження стенограми Вбудований чат
Аналiтика
Аналiтика чатiв Журнали чатiв
Iнтеграцiї
REST API Instagram Messenger WhatsApp Zapier Email Мобiльнi додатки
Iнше
Додати на головний екран Користувацька кнопка вiдкриття

Як додати ШI-чатбот Asyntai до Blogger

Покрокова iнструкцiя для сайтiв 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: Отримайте код для вставки

Спочатку перейд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н мiстить ваш особистий ID вiджета.

Крок 2: Використання гаджета HTML/JavaScript (Рекомендовано)

Найпростiший спосiб додати чатбот - використати вбудований гаджет HTML/JavaScript Blogger:

  1. Увiйдiть до вашої Панелi керування Blogger на blogger.com
  2. Оберiть ваш блог зi списку
  3. Натиснiть "Layout" на лiвiй бiчнiй панелi
  4. Знайдiть роздiл, куди ви хочете додати вiджет (бажано нижнiй колонтитул)
  5. Натиснiть "Add a Gadget"
  6. Оберiть "HTML/JavaScript" зi списку гаджетiв
  7. Залишiть назву порожньою (або додайте, якщо бажаєте)
  8. Вставте ваш код для вставки Asyntai в область вмiсту
  9. Натиснiть "Save"
  10. Натиснiть "Save arrangement" на сторiнцi Layout

Порада: Додавання гаджета до роздiлу нижнього колонтитула забезпечує його завантаження на всiх сторiнках вашого блогу. Чатбот з'являтиметься як плаваюча кнопка незалежно вiд того, куди ви розмiстите гаджет.

Альтернатива: Редагування HTML теми

Ви також можете додати код безпосередньо до HTML вашої теми:

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

Важливо: При редагуваннi HTML теми будьте обережнi, щоб не видалити або змiнити iнший код. Розгляньте можливiсть резервного копiювання теми, натиснувши "Backup" перед внесенням змiн.

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

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

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