Як додати ШI-чатбот Asyntai до Blogger
Покрокова інструкція для сайтів Blogger
HTML/Custom
WordPress
Shopify
WooCommerce
BigCommerce
Ecwid
Wix
Squarespace
Webflow
Weebly
HubSpot
Tilda
Adobe Experience Manager
Duda
Google Sites
Bludit
Plesk
Concrete CMS
Craft CMS
Contentful
Docusaurus
Strapi
Joomla
Kentico
Drupal
Magento
Blogger
Bitrix
TYPO3
PrestaShop
OpenCart
Ghost
Hugo
Statamic
Umbraco
Volusion
Moodle
SilverStripe
Grav
October CMS
ProcessWire
Sanity
ExpressionEngine
Sylius
Backdrop CMS
MODX
Bagisto
PayloadCMS
e107
CrafterCMS
Kirby
MedusaCMS
DatoCMS
GoDaddy
Framer
Bubble
Carrd
Jimdo
Strikingly
Kajabi
Teachable
Thinkific
ClickFunnels
Hostinger
Unbounce
Leadpages
Systeme.io
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: Використання гаджета HTML/JavaScript (Рекомендовано)
Найпростiший спосiб додати чатбот - використати вбудований гаджет HTML/JavaScript Blogger:
- Увійдіть до вашої Панелі керування Blogger на blogger.com
- Оберіть ваш блог зі списку
- Натисніть "Layout" на лівій бічній панелі
- Знайдіть розділ, куди ви хочете додати віджет (бажано нижній колонтитул)
- Натисніть "Add a Gadget"
- Оберіть "HTML/JavaScript" зі списку гаджетів
- Залишіть назву порожньою (або додайте, якщо бажаєте)
- Вставте ваш код для вставки Asyntai в область вмісту
- Натисніть "Save"
- Натисніть "Save arrangement" на сторінці Layout
Порада: Додавання гаджета до роздiлу нижнього колонтитула забезпечує його завантаження на всiх сторiнках вашого блогу. Чатбот з'являтиметься як плаваюча кнопка незалежно вiд того, куди ви розмiстите гаджет.
Альтернатива: Редагування HTML теми
Ви також можете додати код безпосередньо до HTML вашої теми:
- Перейдіть до "Theme" на лівій бічній панелі
- Натисніть стрілку випадаючого меню поруч з "Customize"
- Оберіть "Edit HTML"
- Натисніть Ctrl+F (або Cmd+F на Mac), щоб відкрити пошук
- Знайдіть
</body> - Вставте ваш код для вставки Asyntai безпосередньо перед тегом
</body> - Натисніть "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дкривається та працює правильно.
Не бачите віджет? Blogger може потребувати кiлька хвилин для застосування змiн. Спробуйте очистити кеш браузера або переглянути у вiкнi iнкогнiто. Переконайтеся, що ви натиснули "Save" пiсля додавання гаджета.