Как добавить ИИ-чат-бот Asyntai в Adobe Commerce (Magento)

Пошаговое руководство для сайтов на Magento

Платформа:

Шаг 1: Get Your Embed Code

Сначала перейдите на Панель управления Asyntai и прокрутите вниз до раздела «Код для встраивания». Скопируйте уникальный код, который выглядит так:

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

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

Шаг 2: Using Page Builder (Recommended)

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

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

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

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

To add the chatbot to all pages, create a layout file in your theme:

Перейдите в папку темы: app/design/frontend/[Vendor]/[theme]/
Создайте структуру папок, если она ещё не существует: Magento_Theme/layout/
Создайте or edit the file 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
In the content editor, switch to HTML mode and paste your embed code
Нажмите \"Save Block\"
Добавьте блок в шаблон подвала: {{block id="asyntai_chatbot"}}
Очистить кэш

Шаг 3: Verify Installation

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