Ako pridať Asyntai AI Chatbot do Adobe Commerce (Magento)

Podrobný návod pre webové stránky Magento

Platforma:

Krok 1: Ziskajte svoj vkladací kod

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii "Vkladaci kod". Skopirujte svoj jedinečný vkladací kod, ktory bude vyzerat takto:

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

Poznámka: Kod vyššie je len priklad. Musite skopirovat svoj vlastný jedinečný vkladací kod zo svojho Dashboardu, pretože obsahuje vase osobne ID widgetu.

Krok 2: Pomocou Page Builder (Odporúčané)

Najjednoduchší spôsob pridania chatbota je pomocou bloku HTML Code v Page Builder:

Prihláste sa do svojho administrátorského panela Magento
Prejdite na Content → Pages
Upravte svoju domovskú stránku (alebo akúkoľvek stránku, kde chcete chatbota)
V Page Builder presuňte prvok "HTML Code" na stránku
Vložíte svoj vkladací kod Asyntai
Kliknite na "Ulozit"
Vyprázdnite vyrovnávaciu pamäť: System → Cache Management → Flush Magento Cache

Dôležité: Použitie Page Builder pridáva kód iba na jednotlivé stránky. Pre inštaláciu na celom webe použite metódu Layout XML nižšie.

Alternatíva: Pomocou Layout XML (Všetky stránky)

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

Prejdite do priečinka vašej témy: app/design/frontend/[Vendor]/[theme]/
Vytvorte štruktúru priečinkov, ak neexistuje: Magento_Theme/layout/
Vytvorte alebo upravte súbor default_head_blocks.xml
Pridajte nasledujuci kod:
<?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>
Nahradte YOUR_WIDGET_ID vasim skutocnym ID widgetu
Spustite: bin/magento cache:flush
Spustite: bin/magento setup:static-content:deploy -f (ak ste v produkčnom režime)

Alternatíva: Pomocou CMS bloku

Môžete tiež vytvoriť CMS blok a zahrnúť ho do pätičky:

Prejdite na Content → Blocks
Kliknite na "Add New Block"
Nastavte názov ako "Asyntai Chatbot"
Nastavte identifikátor na asyntai_chatbot
V editore obsahu prepnite do režimu HTML a vložte svoj vkladací kód
Kliknite na "Save Block"
Pridajte blok do šablóny pätičky pomocou: {{block id="asyntai_chatbot"}}
Vyprázdnite vyrovnávaciu pamäť

Krok 3: Overenie inštalácie

Po uložení zmien a vyprázdnení vyrovnávacej pamäte navštívte svoj obchod v novej záložke prehliadača alebo v okne inkognito. V pravom dolnom rohu by ste mali vidieť tlačidlo chatového widgetu. Kliknite naň, aby ste sa uistili, že sa otvára a funguje správne.