Обратно към таблото

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

Научете как да използвате Asyntai

Как да добавите Asyntai AI чатбот към уебсайтове, хоствани на Plesk

Ръководство стъпка по стъпка за уебсайтове, хоствани на Plesk

Вземете код за вграждане

Стъпка 1: Вземете вашия код за вграждане

Първо отидете на вашето Табло за управление на Asyntai и превъртете надолу до секцията "Код за вграждане". Копирайте уникалния си код за вграждане, който ще изглежда така:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Забележка: Кодът по-горе е само пример. Трябва да копирате собствения си уникален код за вграждане от вашето Табло за управление, тъй като съдържа вашия личен ID на уиджета.

Стъпка 2: Определете типа на вашия уебсайт

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

WordPress/Joomla/Drupal: Ако вашият сайт използва CMS, вижте нашето специфично ръководство за тази платформа (WordPress, Joomla, Drupal).

За статични HTML уебсайтове

Ако имате статичен HTML уебсайт, хостван на Plesk, използвайте File Manager, за да редактирате HTML файловете си:

Метод 1: Използване на Plesk File Manager

  1. Влезте в своя Plesk контролен панел
  2. Навигирайте до Websites & Domains
  3. Щракнете върху File Manager
  4. Навигирайте до основната директория на вашия уебсайт (обикновено httpdocs или public_html)
  5. Намерете основния си HTML файл (често index.html или index.php)
  6. Щракнете върху името на файла, за да отворите менюто на редактора
  7. Изберете Code Editor за оцветяване на HTML синтаксиса
  8. Превъртете, за да намерите затварящия таг </body>
  9. Поставете вашия Asyntai код за вграждане точно преди тага </body>
  10. Щракнете върху "Save" или "OK"
  11. Повторете за други HTML страници, ако е необходимо

Съвет: Plesk File Manager предлага множество редактори: Code Editor (с подчертаване на синтаксис), HTML Editor (WYSIWYG) и Text Editor. Използвайте Code Editor за най-добри резултати при редактиране на HTML файлове.

Метод 2: Използване на FTP достъп

  1. В Plesk отидете на Websites & Domains
  2. Намерете секцията FTP Access
  3. Запишете си FTP данните за достъп или създайте нов FTP акаунт
  4. Използвайте FTP клиент като FileZilla, за да се свържете със сървъра си
  5. Навигирайте до директорията на вашия уебсайт (httpdocs)
  6. Изтеглете HTML файловете, които искате да редактирате
  7. Добавете вашия Asyntai код за вграждане преди затварящия таг </body>
  8. Качете модифицираните файлове обратно на сървъра

За уебсайтове, базирани на PHP

Ако вашият уебсайт използва PHP шаблони или включвания:

  1. В Plesk File Manager навигирайте до файловете на шаблоните или включванията
  2. Намерете файла на шаблона за футър (обикновено footer.php, footer.inc.php или template.php)
  3. Отворете го с Code Editor
  4. Добавете вашия Asyntai код за вграждане преди затварящия таг </body>
  5. Запазете файла

Забележка: Чрез редактиране на шаблона за футър чатботът автоматично ще се показва на всички страници, които използват този шаблон.

Създаване на резервно копие

Преди да правите промени е препоръчително да създадете резервно копие:

  1. В Plesk отидете на Websites & Domains
  2. Щракнете върху Backup Manager
  3. Създайте пълно резервно копие на вашия уебсайт
  4. Съхранете го на сигурно място, преди да правите каквито и да е промени

Важно: Винаги тествайте промените си първо в тестова среда, ако е налична. Уверете се, че сте направили резервно копие на файловете си преди редактиране, за да избегнете загуба на данни.

Стъпка 3: Проверка на инсталацията

След като запазите промените си, посетете уебсайта си в нов раздел на браузъра или в прозорец инкогнито. Трябва да видите бутона на чат уиджета в долния десен ъгъл. Щракнете върху него, за да се уверите, че се отваря и функционира правилно.

Не виждате уиджета? Изчистете кеша на браузъра и всяко кеширане от страна на сървъра в Plesk. Проверете конзолата на браузъра (F12) за JavaScript грешки. Потвърдете, че файлът е запазен правилно, като го разгледате отново в File Manager.