Как да добавите Asyntai AI чатбот към Bludit

Ръководство стъпка по стъпка за Bludit CMS

Платформа:

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

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

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

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

Стъпка 2: Добавяне на код чрез плъгин HTML Code (Препоръчително)

Най-лесният начин да добавите чатбота към вашия Bludit сайт е чрез вградения плъгин HTML Code:

Влезте в администраторския панел на Bludit
Навигирайте до Plugins в лявата странична лента
Намерете плъгина "HTML Code" (обикновено е предварително инсталиран)
Отидете на раздела "Additional"
Натиснете "Configure" на плъгина HTML Code
В конфигурацията ще видите полета за код в Header и Footer
Поставете вашия Asyntai код за вграждане в полето "Code"
Натиснете "Save"

Съвет: Добавянето на код в Footer гарантира, че се зарежда в края на страниците ви, което няма да забави първоначалното зареждане на сайта. Този метод автоматично добавя чатбота към всички страници на сайта ви.

Алтернативен метод 1: Интеграция чрез файл на темата

За повече контрол можете да добавите кода директно във файловете на темата:

Свържете се с вашата Bludit инсталация чрез FTP или Файлов мениджър
Навигирайте до /bl-themes/your-theme-name/
Отворете файла index.php за редактиране
Намерете затварящия таг </body>
Поставете вашия Asyntai код за вграждане точно преди тага </body>
Запазете файла
Изчистете кеша на сайта, ако е приложимо

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

Алтернативен метод 2: Персонализирано съдържание в страници

Можете също да добавите кода на чатбота директно към конкретни страници, използвайки редактора на съдържание на Bludit:

Влезте в администраторския панел на Bludit
Отидете на Content и изберете страницата, която искате да редактирате
Превключете на HTML режим в редактора (ако използвате визуален редактор)
Добавете вашия Asyntai код за вграждане навсякъде в съдържанието на страницата
Натиснете "Save"
Повторете за други страници, на които искате чатбота

Важно: Когато добавяте код директно в съдържанието на страницата, ще трябва да го добавите към всяка страница поотделно. За инсталация на целия сайт използвайте плъгина HTML Code или метода с файл на темата.

Използване на Plugin Hooks (Разширено)

За разработчици, създаващи персонализирани плъгини, Bludit предоставя куки за плъгини:

siteBodyBegin - Изпълнява се в началото на тага <body>
siteBodyEnd - Изпълнява се в края, идеално за JavaScript код като уиджета на Asyntai

Можете да създадете персонализиран плъгин, който използва hook-а siteBodyEnd, за да инжектира кода на чатбота на всички страници.

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

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

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