Sådan tilføjer du Asyntai AI-chatbot til Adobe Commerce (Magento)

Trin-for-trin vejledning til Magento-websteder

Platform:

Trin 1: Hent din indlejringskode

Gå først til dit Asyntai Dashboard og rul ned til sektionen "Indlejringskode". Kopiér din unikke indlejringskode, der vil se sådan ud:

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

Bemærk: Koden ovenfor er blot et eksempel. Du skal kopiere din egen unikke indlejringskode fra dit Dashboard, da den indeholder dit personlige widget-ID.

Trin 2: Brug af Page Builder (anbefalet)

Den nemmeste måde at tilføje chatbotten på er ved at bruge Page Builders HTML-kodeblok:

Log ind på dit Magento Admin Panel
Gå til Indhold → Sider
Rediger din Startside (eller enhver side, hvor du ønsker chatbotten)
I Page Builder skal du trække et "HTML-kode"-element ind på siden
Indsæt din Asyntai indlejringskode
Klik på "Gem"
Tøm cache: System → Cache-administration → Tøm Magento-cache

Vigtigt: Brug af Page Builder tilføjer kun koden til individuelle sider. For installation på hele webstedet skal du bruge Layout XML-metoden nedenfor.

Alternativ: Brug af Layout XML (alle sider)

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

Naviger til din temamappe: app/design/frontend/[Vendor]/[theme]/
Opret mappestrukturen, hvis den ikke eksisterer: Magento_Theme/layout/
Opret eller rediger filen default_head_blocks.xml
Tilføj følgende kode:
<?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>
Erstat YOUR_WIDGET_ID med dit faktiske widget-ID
Kør: bin/magento cache:flush
Kør: bin/magento setup:static-content:deploy -f (hvis i produktionstilstand)

Alternativ: Brug af CMS-blok

Du kan også oprette en CMS-blok og inkludere den i din sidefod:

Gå til Indhold → Blokke
Klik på "Tilføj ny blok"
Angiv en titel som "Asyntai Chatbot\
Angiv identifikatoren til asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Klik på "Gem blok"
Tilføj blokken til din sidefodsskabelon ved hjælp af: {{block id="asyntai_chatbot"}}
Tøm cache

Trin 3: Verificér installationen

Efter at have gemt dine ændringer og tømt cachen skal du besøge din butik i en ny browserfane eller et inkognitovindue. Du bør se chat-widget-knappen i nederste højre hjørne. Klik på den for at sikre, at den åbner og fungerer korrekt.