Hoe voegt u de Asyntai AI-chatbot toe aan Adobe Commerce (Magento)

Stapsgewijze handleiding voor Magento-websites

Platform:

Stap 1: Uw insluitcode ophalen

Ga eerst naar uw Asyntai Dashboard en scroll naar het gedeelte "Insluitcode". Kopieer uw unieke insluitcode die er als volgt uitziet:

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

Opmerking: De bovenstaande code is slechts een voorbeeld. U moet uw eigen unieke insluitcode kopiëren vanuit uw Dashboard omdat deze uw persoonlijke widget-ID bevat.

Stap 2: Page Builder gebruiken (aanbevolen)

De eenvoudigste manier om de chatbot toe te voegen is met het HTML Code-blok van Page Builder:

Log in op uw Magento-beheerpaneel
Ga naar Content → Pages
Bewerk uw startpagina (of elke pagina waar u de chatbot wilt)
Sleep in de Page Builder een "HTML Code"-element naar de pagina
Plak uw Asyntai-insluitcode
Klik op "Save"
Wis de cache: System → Cache Management → Flush Magento Cache

Belangrijk: Het gebruik van Page Builder voegt de code alleen toe aan individuele pagina's. Gebruik voor een sitewijde installatie de Layout XML-methode hieronder.

Alternatief: Layout XML gebruiken (alle pagina's)

Om de chatbot aan alle pagina's toe te voegen, maak een lay-outbestand in uw thema:

Navigeer naar uw themamap: app/design/frontend/[Vendor]/[theme]/
Maak de mapstructuur aan als deze niet bestaat: Magento_Theme/layout/
Maak of bewerk het bestand default_head_blocks.xml
Voeg de volgende code toe:
<?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>
Vervang YOUR_WIDGET_ID door uw werkelijke widget-ID
Voer uit: bin/magento cache:flush
Voer uit: bin/magento setup:static-content:deploy -f (indien in productiemodus)

Alternatief: CMS-blok gebruiken

U kunt ook een CMS-blok aanmaken en dit opnemen in uw footer:

Ga naar Content → Blocks
Klik op "Add New Block"
Stel een titel in zoals "Asyntai Chatbot"
Stel de identifier in op asyntai_chatbot
Schakel in de inhoudseditor over naar HTML-modus en plak uw insluitcode
Klik op "Save Block"
Voeg het blok toe aan uw footertemplate met behulp van: {{block id="asyntai_chatbot"}}
Wis de cache

Stap 3: Installatie verifiëren

Bezoek na het opslaan van uw wijzigingen en het wissen van de cache uw winkel in een nieuw browsertabblad of incognitovenster. U zou de chatwidgetknop rechtsonder in de hoek moeten zien. Klik erop om te controleren of deze correct opent en werkt.