Како додати Asyntai АИ четбот у Adobe Commerce (Magento)

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

Платформа:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Коришћење 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 блок и укључити га у ваш подножје:

Идите на Садржај → Блокови
Кликните „Додај нови блок“
Поставите наслов попут „Asyntai четбот“
Поставите идентификатор на asyntai_chatbot
У едитору садржаја, пребаците се на HTML режим и налепите свој код за уграђивање
Кликните „Сачувај блок“
Додајте блок у свој шаблон подножја користећи: {{block id="asyntai_chatbot"}}
Очистите кеш

Корак 3: Верификујте инсталацију

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