Како додати Asyntai AI чатбот на Adobe Commerce (Magento)

Водич корак по корак за Magento веб-сајтове

Платформа:

Корак 1: Набавите свој код за уграђивање

Прво, идите на своју Asyntai контролну таблу и померите се до одељка „Код за уграђивање". Копирајте свој јединствени код за уграђивање који ће изгледати овако:

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

Напомена: Код изнад је само пример. Морате копирати свој јединствени код за уграђивање са своје Контролне табле јер садржи ваш лични ИД виџета.

Корак 2: Коришћење Page Builder-а (препоручено)

Најлакши начин за додавање чатбота је коришћење HTML Code блока у Page Builder-у:

Пријавите се на ваш Magento администраторски панел
Идите на Content → Pages
Уредите вашу почетну страницу (или било коју страницу где желите чатбот)
У Page Builder-у, превуците елемент "HTML Code" на страницу
Налепите свој Asyntai код за уграђивање
Кликните „Сачувај"
Очистите кеш: 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 стварним ИД-ом виџета
Покрените: bin/magento cache:flush
Покрените: bin/magento setup:static-content:deploy -f (ако сте у продукцијском режиму)

Алтернатива: Коришћење 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: Верификујте инсталацију

Након чувања промена и чишћења кеша, посетите вашу продавницу у новој картици прегледача или инкогнито прозору. Требало би да видите дугме виџета за ћаскање у доњем десном углу. Кликните на њега да проверите да ли се отвара и ради исправно.