Hur du lägger till Asyntai AI-chattbot i Adobe Commerce (Magento)

Steg-för-steg-guide för Magento-webbplatser

Plattform:

Steg 1: Hämta din inbäddningskod

Gå först till din Asyntai-instrumentpanel och scrolla ner till avsnittet "Inbäddningskod". Kopiera din unika inbäddningskod som ser ut så här:

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

Obs! Koden ovan är bara ett exempel. Du måste kopiera din egen unika inbäddningskod från din instrumentpanel eftersom den innehåller ditt personliga widget-ID.

Steg 2: Använda sidbyggaren (rekommenderas)

Det enklaste sättet att lägga till chattboten är att använda Page Builders HTML-kodblock:

Logga in på din Magento Admin Panel
Gå till Innehåll → Sidor
Redigera din startsida (eller vilken sida du vill ha chattboten på)
I sidbyggaren, dra ett "HTML Code"-element till sidan
Klistra in din Asyntai-inbäddningskod
Klicka på "Spara"
Töm cachen: System → Cachehantering → Töm Magento-cache

Viktigt: Att använda Page Builder lägger till koden på enskilda sidor. För installation på hela webbplatsen, använd Layout XML-metoden nedan.

Alternativ: Använda layout-XML (alla sidor)

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

Navigera till din temamapp: app/design/frontend/[Vendor]/[theme]/
Skapa mappstrukturen om den inte finns: Magento_Theme/layout/
Skapa eller redigera filen default_head_blocks.xml
Lägg till följande 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>
Ersätt YOUR_WIDGET_ID med ditt faktiska widget-ID
Kör: bin/magento cache:flush
Kör: bin/magento setup:static-content:deploy -f (om du är i produktionsläge)

Alternativ: Använda CMS-block

Du kan också skapa ett CMS-block och inkludera det i din sidfot:

Gå till Innehåll → Block
Klicka på "Add New Block"
Ange en titel som "Asyntai Chatbot
Ange identifieraren till asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Klicka på "Save Block"
Lägg till blocket i din sidfotsmall med: {{block id="asyntai_chatbot"}}
Töm cachen

Steg 3: Verifiera installationen

Efter att du har sparat dina ändringar och tömt cachen, besök din butik i en ny webbläsarflik eller ett inkognitofönster. Du bör se widgetknappen för chatten i det nedre högra hörnet. Klicka på den för att kontrollera att den öppnas och fungerar korrekt.