Как добавить ИИ-чат-бот Asyntai в 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>

Примечание: Код выше — всего лишь пример. Вы должны скопировать свой уникальный код для встраивания с вашей Панели управления, так как он содержит ваш персональный идентификатор виджета.

Шаг 2: Через конструктор страниц (рекомендуется)

Самый простой способ добавить чат-бот — использовать блок HTML-кода в Page Builder:

Войдите в панель администратора Magento
Перейдите в Content → Pages
Редактировать вашу Главную страницу (или любую страницу, на которой вы хотите разместить чат-бот)
В конструкторе страниц перетащите элемент «HTML-код» на страницу
Вставьте код встраивания Asyntai
Нажмите «Save»
Очистите кэш: System → Cache Management → Flush Magento Cache

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

Альтернатива: Через Layout XML (все страницы)

Чтобы добавить чат-бот на все страницы, создайте файл макета в вашей теме:

Перейдите в папку темы: 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: Проверка установки

После сохранения изменений и сброса кэша откройте магазин в новой вкладке браузера или в режиме инкогнито. Вы должны увидеть кнопку виджета чата в правом нижнем углу. Нажмите на неё, чтобы убедиться, что всё работает.