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

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

Platforma:

Krok 1: Získajte svoj vkladací kód

Najprv prejdite na svoj Asyntai Dashboard a prejdite nadol k sekcii „Vkladací kód“. Skopírujte svoj jedinečný vkladací kód, ktorý bude vyzerať takto:

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

Poznámka: Kód vyššie je len príklad. Musíte skopírovať svoj vlastný jedinečný vkladací kód zo svojho Dashboardu, pretože obsahuje vaše osobné ID widgetu.

Krok 2: Použitie 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 Obsah → Stránky
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í kód Asyntai
Kliknite na "Uložiť"
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)

Pre pridanie chatbota na všetky stránky vytvorte súbor rozloženia vo vašej téme:

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>
Nahraďte YOUR_WIDGET_ID vaším skutočným 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 Obsah → Bloky
Kliknite na "Pridať nový blok"
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 "Uložiť blok"
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.