Як додати AI чат-бот Asyntai до вебсайтів на хостингу Plesk

Покрокова інструкція для вебсайтів на хостингу Plesk

Платформа:

Крок 1: Отримайте код для вставки

Спочатку перейдiть до вашої Панелi керування Asyntai та прокрутiть вниз до роздiлу "Код для вставки". Скопiюйте унiкальний код для вставки, який виглядатиме так:

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

Примітка: Код вище є лише прикладом. Ви повиннi скопiювати власний унiкальний код для вставки з вашої Панелi керування, оскiльки вiн мiстить ваш особистий ID вiджета.

Крок 2: Визначте тип вашого вебсайту

Метод встановлення залежить від платформи, яку використовує ваш вебсайт. Plesk - це панель керування хостингом, яка може розміщувати різні типи вебсайтів:

WordPress/Joomla/Drupal: Якщо ваш сайт використовує CMS, зверніться до нашої спеціальної інструкції для цієї платформи (WordPress, Joomla, Drupal).

Для статичних HTML-вебсайтів

Якщо у вас статичний HTML-вебсайт на хостингу Plesk, використовуйте файловий менеджер для редагування ваших HTML-файлів:

Метод 1: Використання файлового менеджера Plesk

Увійдіть до вашої панелі керування Plesk
Перейдіть до Websites & Domains
Натисніть на File Manager
Перейдіть до кореневої директорії вашого вебсайту (зазвичай httpdocs або public_html)
Знайдіть ваш основний HTML-файл (зазвичай index.html або index.php)
Натисніть на назву файлу, щоб відкрити меню редактора
Виберіть Code Editor для підсвітки синтаксису HTML
Прокрутіть, щоб знайти закриваючий тег </body>
Вставте ваш код для вставки Asyntai безпосередньо перед тегом </body>
Натисніть "Save" або "OK"
Повторіть для інших HTML-сторінок за потреби

Порада: Файловий менеджер Plesk пропонує кілька редакторів: Code Editor (з підсвіткою синтаксису), HTML Editor (WYSIWYG) та Text Editor. Використовуйте Code Editor для найкращих результатів при редагуванні HTML-файлів.

Метод 2: Використання FTP-доступу

У Plesk перейдіть до Websites & Domains
Знайдіть розділ FTP Access
Запишіть ваші облікові дані FTP або створіть новий обліковий запис FTP
Використовуйте FTP-клієнт, наприклад FileZilla, для підключення до вашого сервера
Перейдіть до директорії вашого вебсайту (httpdocs)
Завантажте HTML-файли, які ви хочете відредагувати
Додайте ваш код вбудовування Asyntai перед тегом </body>
Завантажте змінені файли назад на сервер

Для вебсайтів на PHP

Якщо ваш вебсайт використовує PHP-шаблони або includes:

У файловому менеджері Plesk перейдіть до ваших файлів шаблонів або includes
Знайдіть файл шаблону футера (зазвичай footer.php, footer.inc.php або template.php)
Відкрийте його в Code Editor
Додайте ваш код вбудовування Asyntai перед тегом </body>
Збережіть файл

Примітка: Відредагувавши шаблон футера, чат-бот автоматично з'явиться на всіх сторінках, що використовують цей шаблон.

Створення резервної копії

Перед внесенням змін рекомендується створити резервну копію:

У Plesk перейдіть до Websites & Domains
Натисніть на Backup Manager
Створіть повну резервну копію вашого вебсайту
Збережіть її в безпечному місці перед внесенням будь-яких змін

Важливо: Завжди спочатку тестуйте зміни на тестовому середовищі, якщо воно доступне. Обов'язково створіть резервну копію файлів перед редагуванням, щоб уникнути втрати даних.

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

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

Не бачите віджет? Очистіть кеш браузера та будь-яке серверне кешування в Plesk. Перевірте консоль браузера (F12) на наявність помилок JavaScript. Перевірте, що файл був збережений коректно, переглянувши його знову у файловому менеджері.

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