Cum să adăugați Chatbot-ul AI Asyntai în Adobe Commerce (Magento)

Ghid pas cu pas pentru site-urile Magento

Platformă:

Pasul 1: Obțineți codul de încorporare

Mai întâi, accesați panoul de control Asyntai și derulați în jos până la secțiunea "Cod de integrare". Copiați codul dvs. unic de integrare, care va arăta astfel:

<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>

Notă: Codul de mai sus este doar un exemplu. Trebuie să copiați propriul cod unic de încorporare din Tabloul de bord, deoarece conține ID-ul personal al widgetului dvs.

Pasul 2: Utilizarea Page Builder (Recomandat)

Cel mai simplu mod de a adăuga chatbot-ul este folosind blocul HTML Code din Page Builder:

Conectați-vă la Panoul de administrare Magento
Mergeți la Content → Pages
Editați pagina de acasă (sau orice pagină unde doriți chatbot-ul)
În Page Builder, trageți un element "HTML Code" pe pagină
Inserați codul de încorporare Asyntai
Faceți clic pe "Salvare"
Goliți cache-ul: System → Cache Management → Flush Magento Cache

Important: Utilizarea Page Builder adaugă codul doar pe pagini individuale. Pentru instalare pe tot site-ul, utilizați metoda Layout XML de mai jos.

Alternativă: Utilizarea Layout XML (Toate paginile)

Pentru a adăuga chatbot-ul pe toate paginile, creați un fișier de layout în tema dvs.:

Navigați la folderul temei: app/design/frontend/[Vendor]/[theme]/
Creați structura de foldere dacă nu există: Magento_Theme/layout/
Creați sau editați fișierul default_head_blocks.xml
Adăugați următorul cod:
<?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>
Înlocuiți YOUR_WIDGET_ID cu ID-ul real al widget-ului dvs.
Rulați: bin/magento cache:flush
Rulați: bin/magento setup:static-content:deploy -f (dacă sunteți în modul producție)

Alternativă: Utilizarea blocului CMS

De asemenea, puteți crea un bloc CMS și să îl includeți în subsol:

Mergeți la Content → Blocks
Faceți clic pe "Add New Block"
Setați un titlu precum "Asyntai Chatbot"
Setați identificatorul la asyntai_chatbot
În editorul de conținut, treceți la modul HTML și lipiți codul de integrare
Faceți clic pe "Save Block"
Adăugați blocul în șablonul de subsol folosind: {{block id="asyntai_chatbot"}}
Goliți cache-ul

Pasul 3: Verificați instalarea

După ce ați salvat modificările și ați golit cache-ul, vizitați magazinul într-o filă nouă de browser sau într-o fereastră incognito. Ar trebui să vedeți butonul widget-ului de chat în colțul din dreapta jos. Faceți clic pe el pentru a vă asigura că se deschide și funcționează corect.