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

Платформа:

Backdrop CMS

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Docusaurus Hugo Kentico Volusion Craft CMS Contentful Strapi Joomla Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Statamic Umbraco 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кальний код для вставки, який виглядатиме так:

Крок 2: Додайте до шаблону теми (Рекомендовано)

Backdrop CMS використовує файли шаблонiв .tpl.php у своїх темах. Рекомендований пiдхiд - додати код для вставки безпосередньо до шаблону сторiнки вашої активної теми:

1. Отримайте доступ до вашої установки Backdrop CMS через FTP або Файловий менеджер
2. Перейдiть до каталогу вашої активної теми: themes/yourtheme/
3. Вiдкрийте файл page.tpl.php (або layout.tpl.php залежно вiд вашої теми)
4. Знайдiть закриваючий тег </body> або рядок <?php print $page_bottom; ?>
5. Вставте ваш код для вставки Asyntai безпосередньо перед цим рядком
6. Збережіть файл

Альтернативний метод 1: Використання користувацького модуля

Ви можете створити простий модуль Backdrop CMS, який вставляє скрипт чатбота за допомогою backdrop_add_js():

1. Створіть каталог модуля: modules/custom/asyntai_widget/
2. Створiть файл модуля asyntai_widget.module з наступним кодом:
   // modules/custom/asyntai_widget/asyntai_widget.module
function asyntai_widget_init() {
  backdrop_add_js('https://asyntai.com/static/js/chat-widget.js', array(
    'type' => 'external',
    'scope' => 'footer',
    'attributes' => array('async' => 'async', 'data-asyntai-id' => 'YOUR_WIDGET_ID'),
  ));
}
3. Створіть файл asyntai_widget.info:
   name = Asyntai AI Chatbot Widget
description = Adds the Asyntai AI chatbot widget to all pages.
backdrop = 1.x
package = Custom
type = module
4. Перейдiть до Функцiональнiсть (admin/modules) у панелi адмiнiстрування Backdrop
5. Знайдiть "Asyntai AI Chatbot Widget" у пакетi Custom та увiмкнiть його
6. Натисніть "Save configuration"

Альтернативний метод 2: Використання модуля "Add to Head" Backdrop

Допомiжний модуль "Add to Head" надає простий спосiб вставки скриптiв без редагування коду:

1. Завантажте та встановiть допомiжний модуль "Add to Head" з сайту Backdrop CMS
2. Перейдіть до Configuration > Development > Add to Head
3. Додайте ваш код вбудовування Asyntai у footer section
4. Натисніть "Save configuration"

Альтернативний метод 3: Використання системи блоків

Система макетiв та блокiв Backdrop CMS також може використовуватися для додавання чатбота:

1. Увійдіть до вашої панелі адміністрування Backdrop CMS
2. Перейдіть до Structure > Layouts
3. Оберіть макет, який хочете редагувати (наприклад, макет за замовчуванням)
4. Натиснiть "Add block" в областi нижнього колонтитула
5. Оберіть "Custom block"
6. Встановiть формат блоку на "Full HTML" або "Raw HTML"
7. Вставте ваш код для вставки Asyntai в тіло блоку
8. Дайте блоку назву (наприклад, "Asyntai Chatbot") та за бажанням поставте прапорець "Hide title"
9. Натиснiть "Save block", а потiм "Save layout"

Крок 3: Очистіть кеш та перевірте

Після внесення змін очистіть кеш Backdrop CMS та перевірте встановлення:

1. Перейдiть до Configuration > Performance у вашiй панелi адмiнiстрування
2. Натисніть "Clear all caches"
3. Відкрийте ваш сайт у новій вкладці браузера або вікні інкогніто
4. Ви повинні побачити кнопку віджета чату в правому нижньому куті
5. Натисніть на нього, щоб переконатися, що він відкривається та працює коректно