So fügen Sie den Asyntai AI Chatbot zu Adobe Commerce (Magento) hinzu

Schritt-für-Schritt-Anleitung für Magento-Websites

Plattform:

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zunächst zu Ihrem Asyntai Dashboard und scrollen Sie zum Abschnitt "Einbettungscode". Kopieren Sie Ihren einzigartigen Einbettungscode, der so aussieht:

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

Hinweis: Der obige Code ist nur ein Beispiel. Sie müssen Ihren eigenen einzigartigen Einbettungscode von Ihrem Dashboard kopieren, da er Ihre persönliche Widget-ID enthält.

Schritt 2: Page Builder verwenden (Empfohlen)

Der einfachste Weg, den Chatbot hinzuzufügen, ist die Verwendung des HTML-Code-Blocks im Page Builder:

Melden Sie sich in Ihrem Magento-Admin-Panel an
Gehen Sie zu Content → Pages
Bearbeiten Sie Ihre Startseite (oder jede andere Seite, auf der Sie den Chatbot möchten)
Ziehen Sie im Page Builder ein "HTML Code"-Element auf die Seite
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf "Save"
Leeren Sie den Cache: System → Cache Management → Flush Magento Cache

Wichtig: Die Verwendung des Page Builders fügt den Code nur zu einzelnen Seiten hinzu. Für eine websiteweite Installation verwenden Sie die unten beschriebene Layout-XML-Methode.

Alternative: Layout-XML verwenden (Alle Seiten)

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

Navigieren Sie zu Ihrem Theme-Ordner: app/design/frontend/[Vendor]/[theme]/
Erstellen Sie die Ordnerstruktur, falls sie nicht existiert: Magento_Theme/layout/
Create or edit the file default_head_blocks.xml
Fügen Sie den folgenden Code hinzu:
<?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>
Replace YOUR_WIDGET_ID with your actual widget ID
Führen Sie aus: bin/magento cache:flush
Führen Sie aus: bin/magento setup:static-content:deploy -f (wenn im Produktionsmodus)

Alternative: CMS-Block verwenden

You can also create a CMS block and include it in your footer:

Gehen Sie zu Content → Blocks
Klicken Sie auf "Add New Block"
Setzen Sie einen Titel wie "Asyntai Chatbot"
Setzen Sie den Identifier auf asyntai_chatbot
In the content editor, switch to HTML mode and paste your embed code
Klicken Sie auf "Save Block"
Fügen Sie den Block mit folgendem Code zu Ihrer Footer-Vorlage hinzu: {{block id="asyntai_chatbot"}}
Leeren Sie den Cache

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern Ihrer Änderungen und dem Leeren des Caches Ihren Shop in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.