Как да добавите Asyntai AI чатбот към Adobe Commerce (Magento)

Ръководство стъпка по стъпка за уебсайтове с Magento

Платформа:

Стъпка 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: Използване на Page Builder (Препоръчително)

Най-лесният начин да добавите чатбота е чрез HTML Code блока на Page Builder:

Влезте в своя Magento административен панел
Отидете на Content → Pages
Редактирайте вашата начална страница (или всяка друга страница, на която искате чатбота)
В Page Builder плъзнете елемент "HTML Code" върху страницата
Поставете вашия Asyntai код за вграждане
Натиснете "Save"
Изчистете кеша: System → Cache Management → Flush Magento Cache

Важно: Използването на Page Builder добавя кода само към отделни страници. За инсталация на целия сайт използвайте метода с Layout XML по-долу.

Алтернатива: Използване на Layout XML (Всички страници)

За да добавите чатбота към всички страници, създайте layout файл във вашата тема:

Отидете до папката на вашата тема: app/design/frontend/[Vendor]/[theme]/
Създайте структурата на папките, ако не съществува: Magento_Theme/layout/
Създайте или редактирайте файла default_head_blocks.xml
Добавете следния код:
<?xml version="1.0"?> <page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd"> <head> <script src="https://asyntai.com/static/js/chat-widget.js" src_type="url" async="true" data-asyntai-id="YOUR_WIDGET_ID"/> </head> </page>
Заменете YOUR_WIDGET_ID с вашия действителен ID на уиджета
Изпълнете: bin/magento cache:flush
Изпълнете: bin/magento setup:static-content:deploy -f (ако сте в production режим)

Алтернатива: Използване на CMS блок

Можете също да създадете CMS блок и да го включите във футъра си:

Отидете на Content → Blocks
Щракнете върху "Add New Block"
Задайте заглавие като "Asyntai Chatbot"
Задайте идентификатора на asyntai_chatbot
В редактора на съдържание превключете на HTML режим и поставете вашия код за вграждане
Щракнете върху "Save Block"
Добавете блока към шаблона на футъра си, като използвате: {{block id="asyntai_chatbot"}}
Изчистете кеша

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

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