Как да добавите Asyntai AI чатбот в e107

Ръководство стъпка по стъпка за уебсайтове на e107 CMS

Платформа:

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

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

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

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

Стъпка 2: Добавяне към шаблона на темата (Препоръчително)

Препоръчителният начин за добавяне на чатбота е чрез директно редактиране на файла на шаблона на вашата e107 тема:

Навигирайте до папката на вашата e107 тема: e107_themes/yourtheme/
Отворете основния файл на шаблона на темата (обикновено theme.php или theme.html)
Намерете затварящия таг </body>
Поставете вашия Asyntai код за вграждане точно преди тага </body>:

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

Съвет: Ако вашата тема използва theme.php, потърсете секцията, в която се визуализира HTML на футъра. Кодът за вграждане трябва да бъде поставен след цялото останало съдържание, но преди затварящия body таг.

Алтернативен метод 1: Използване на персонализиран хедър/футър на e107

Можете да добавите скрипта на чатбота чрез административния панел на e107, без да редактирате файлове на темата:

Влезте в административния панел на e107
Отидете на Admin > Preferences > Site Preferences
Потърсете секцията "Custom Footer" или "Footer Scripts"
Поставете вашия Asyntai код за вграждане в полето Footer Scripts
Кликнете "Save", за да приложите промените

Забележка: Този метод е най-лесният, ако искате да избегнете директното редактиране на файловете на темата. Скриптът ще бъде включен автоматично на всяка страница на вашия e107 сайт.

Алтернативен метод 2: Използване на e107 плъгин

За по-модулен подход можете да създадете прост плъгин или да използвате системата за прихващане на плъгини за инжектиране на скрипта на чатбота:

Създайте прост плъгин или използвайте плъгина "Custom Pages"
Добавете скрипта чрез системата за прихващане на плъгини на e107, като създадете файл e_footer.php в директорията на вашия плъгин
Във e_footer.php изведете вашия код за вграждане:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Съвет: Подходът с прихващане на плъгин поддържа интеграцията на чатбота отделена от темата, така че тя ще се запази дори ако смените темата.

Алтернативен метод 3: Използване на системата за менюта на e107

Можете да използвате вградената система за менюта на e107, за да добавите скрипта на чатбота в областта на футъра:

Влезте в административния панел на e107
Отидете на Admin > Menus
Създайте персонализирано HTML меню
Поставете вашия Asyntai код за вграждане в съдържанието на менюто
Задайте менюто към областта на футъра на вашия шаблон
Запазете конфигурацията на менюто

Важно: Когато използвате системата за менюта, уверете се, че областта на менюто, към която задавате, поддържа извеждане на суров HTML/скрипт. Някои области на менюта могат да премахват скрипт тагове от съображения за сигурност. Ако скриптът бъде премахнат, използвайте някой от другите методи вместо това.

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

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

Не виждате уиджета? Опитайте да изчистите кеша на e107 от административния панел под Admin > Cache. Също опитайте да изчистите кеша на браузъра или да разгледате в инкогнито прозорец. Уверете се, че кодът за вграждане е поставен правилно и съдържа вашия уникален ID на уиджета от Таблото за управление.