Slik legger du til Asyntai AI-chatbot i Adobe Commerce (Magento)

Trinn-for-trinn-guide for Magento-nettsteder

Plattform:

Trinn 1: Hent innbyggingskoden din

Gå først til Asyntai-dashbordet ditt og bla ned til «Innbyggingskode»-seksjonen. Kopier din unike innbyggingskode som vil se slik ut:

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

Merk: Koden ovenfor er bare et eksempel. Du må kopiere din egen unike innbyggingskode fra Dashbordet ditt, da den inneholder din personlige widget-ID.

Trinn 2: Bruk Page Builder (anbefalt)

Den enkleste måten å legge til chatboten på er å bruke Page Builders HTML Code-blokk:

Logg inn på Magento Admin Panel
Gå til Content → Pages
Rediger hjemmesiden din (eller en annen side der du vil ha chatboten)
I Page Builder drar du et «HTML Code»-element inn på siden
Lim inn Asyntai-innbyggingskoden din
Klikk på «Lagre»
Tøm hurtigbufferen: System → Cache Management → Flush Magento Cache

Viktig: Bruk av Page Builder legger til koden kun på enkeltsider. For installasjon på hele nettstedet, bruk Layout XML-metoden nedenfor.

Alternativ: Bruk Layout XML (alle sider)

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

Naviger til temamappen din: app/design/frontend/[Vendor]/[theme]/
Opprett mappestrukturen hvis den ikke finnes: Magento_Theme/layout/
Opprett eller rediger filen default_head_blocks.xml
Legg til 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>
Erstatt YOUR_WIDGET_ID med din faktiske widget-ID
Kjør: bin/magento cache:flush
Kjør: bin/magento setup:static-content:deploy -f (hvis i produksjonsmodus)

Alternativ: Bruk CMS-blokk

Du kan også opprette en CMS-blokk og inkludere den i bunnteksten:

Gå til Content → Blocks
Klikk på «Add New Block»
Angi en tittel som «Asyntai Chatbot\
Sett identifikatoren til asyntai_chatbot
I innholdsredigereren, bytt til HTML-modus og lim inn innbyggingskoden din
Klikk på «Save Block»
Legg til blokken i bunntekstmalen din ved å bruke: {{block id="asyntai_chatbot"}}
Tøm hurtigbufferen

Trinn 3: Bekreft installasjonen

Etter at du har lagret endringene og tømt hurtigbufferen, besøk nettbutikken din i en ny nettleserfane eller et inkognitovindu. Du bør se chat-widget-knappen i nedre høyre hjørne. Klikk på den for å forsikre deg om at den åpnes og fungerer riktig.