Az Asyntai AI Chatbot hozzáadása az Adobe Commerce-hez (Magento)

Lépésről lépésre útmutató Magento weboldalakhoz

Platform:

1. lépés: Szerezze be a beágyazási kódját

Először lépjen az Asyntai Irányítópultra és görgessen le a „Beágyazási kód" szekcióhoz. Másolja le az egyedi beágyazási kódját, amely így fog kinézni:

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

Megjegyzés: A fenti kód csak egy példa. Le kell másolnia saját egyedi beágyazási kódját az Irányítópultról, mivel az tartalmazza személyes widget-azonosítóját.

2. lépés: Page Builder használata (ajánlott)

A chatbot hozzáadásának legegyszerűbb módja a Page Builder HTML kód blokkjának használata:

Lépjen be a Magento Adminisztrációs Panelbe
Lépjen a Tartalom → Oldalak menübe
Szerkessze a Főoldalát (vagy bármely oldalt, ahol a chatbotot szeretné)
A Page Builderben húzzon egy „HTML kód" elemet az oldalra
Illessze be az Asyntai beágyazási kódját
Kattintson a „Mentés" gombra
Ürítse ki a gyorsítótárat: Rendszer → Gyorsítótár kezelés → Magento gyorsítótár ürítése

Fontos: A Page Builder használata az egyes oldalakhoz adja hozzá a kódot. Az egész webhelyre kiterjedő telepítéshez használja az alábbi Layout XML módszert.

Alternatíva: Layout XML használata (minden oldal)

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

Navigáljon a téma mappájába: app/design/frontend/[Gyártó]/[téma]/
Hozza létre a mappastruktúrát, ha nem létezik: Magento_Theme/layout/
Create or edit the file default_head_blocks.xml
Adja hozzá a következő kódot:
<?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>
Replace YOUR_WIDGET_ID with your actual widget ID
Futtassa: bin/magento cache:flush
Futtassa: bin/magento setup:static-content:deploy -f (ha termelési módban van)

Alternatíva: CMS blokk használata

Létrehozhat egy CMS blokkot is, és befoglalhatja a lábléchez:

Lépjen a Tartalom → Blokkok menübe
Kattintson az „Új blokk hozzáadása" gombra
Adjon meg egy címet, például „Asyntai Chatbot"
Állítsa az azonosítót asyntai_chatbot-ra
In the content editor, switch to HTML mode and paste your embed code
Kattintson a „Blokk mentése" gombra
Adja hozzá a blokkot a lábléc sablonhoz a következő segítségével: {{block id="asyntai_chatbot"}}
Ürítse ki a gyorsítótárat

3. lépés: Telepítés ellenőrzése

A változtatások mentése és a gyorsítótár ürítése után látogassa meg áruházát egy új böngészőlapon vagy inkognító ablakban. Látnia kell a chat widget gombot a jobb alsó sarokban. Kattintson rá, hogy meggyőződjön arról, hogy megfelelően nyílik meg és működik.