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

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

Платформа:

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

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

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

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

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

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

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

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

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

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

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

Съвет: Plesk File Manager предлага множество редактори: 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 шаблони или включвания:

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

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

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

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

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

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

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

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

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

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