Jak přidat Asyntai AI chatbota do Adobe Commerce (Magento)

Podrobný návod pro weby na platformě Magento

Platforma:

Krok 1: Získejte svůj vkládací kód

Nejprve přejděte na svůj Asyntai Dashboard a přejděte dolů k sekci „Embed Code". Zkopírujte svůj unikátní kód pro vložení, který bude vypadat takto:

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

Poznámka: Kód výše je pouze příklad. Musíte zkopírovat svůj vlastní unikátní kód pro vložení z vašeho Dashboardu, protože obsahuje vaše osobní ID widgetu.

Krok 2: Použití Page Builderu (Doporučeno)

Nejjednodušší způsob přidání chatbota je použití bloku HTML kód v Page Builderu:

Přihlaste se do administračního panelu Magento
Přejděte na Obsah → Stránky
Upravte svou Domovskou stránku (nebo jakoukoli stránku, kde chcete chatbota)
V Page Builderu přetáhněte element "HTML kód" na stránku
Vložte svůj vkládací kód Asyntai
Klikněte na "Save"
Vymažte mezipaměť: System → Správa mezipaměti → Vymazat mezipaměť Magento

Důležité: Použití Page Builderu přidává kód pouze na jednotlivé stránky. Pro instalaci na celém webu použijte nize uvedenou metodu Layout XML.

Alternativa: Použití Layout XML (Všechny stránky)

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

Přejděte do složky své šablony: app/design/frontend/[Vendor]/[theme]/
Vytvořte strukturu složek, pokud neexistuje: Magento_Theme/layout/
Vytvořte nebo upravte soubor default_head_blocks.xml
Přidejte následující kód:
<?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 svým skutečným ID widgetu
Spusťte: bin/magento cache:flush
Spusťte: bin/magento setup:static-content:deploy -f (pokud jste v produkčním režimu)

Alternativa: Použití CMS bloku

Můžete také vytvořit CMS blok a zahrnout jej do zápatí:

Přejděte na Obsah → Bloky
Klikněte na "Přidat nový blok"
Nastavte název, například "Asyntai Chatbot"
Nastavte identifikátor na asyntai_chatbot
V editoru obsahu přepněte do režimu HTML a vložte svůj vložený kód
Klikněte na "Uložit blok"
Přidejte blok do šablony zápatí pomocí: {{block id="asyntai_chatbot"}}
Vymažte mezipaměť

Krok 3: Ověřte instalaci

Po uložení změn a vymazání mezipaměti navštivte svůj obchod v nové kartě prohlížeče nebo v anonymním okně. V pravém dolním rohu byste měli vidět tlačítko chatového widgetu. Klikněte na nej a ověřte, že se správně otevírá a funguje.