So fügen Sie den Asyntai AI Chatbot zu Ecwid hinzu

Schritt-für-Schritt-Anleitung für Ecwid-Shops

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: Installationsmethode wählen

Es gibt mehrere Möglichkeiten, das Chat-Widget zu Ihrem Ecwid-Shop hinzuzufügen. Wählen Sie die Methode, die am besten zu Ihrer Konfiguration passt:

Methode 1: Verwendung des Instant Site Editors (Empfohlen)

Wenn Sie Ecwids Instant Site verwenden, können Sie benutzerdefinierte Code-Abschnitte direkt über den Website-Editor hinzufügen. Diese Methode ist in den Tarifen Venture, Business und Unlimited verfügbar.

Benutzerdefinierten Code-Abschnitt hinzufügen

Log in to your Ecwid admin panel
Gehen Sie zu Website → Edit Site (oder Overview → Manage Instant Site)
Wählen Sie aus dem Dropdown-Menü "Page: Homepage" in der oberen linken Ecke die Seite aus, auf der Sie den Chatbot hinzufügen möchten (oder behalten Sie Homepage für die gesamte Website bei)
Klicken Sie auf "Add Section"
Scrollen Sie nach unten zu "Advanced Solutions"
Klicken Sie im Block "Embed & Custom Code" auf "Add Custom Code Section"
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf "Save"

Tipp: Das Hinzufügen des Codes zur Homepage macht ihn auf allen Seiten sichtbar. Für die beste Leistung fügen Sie JavaScript in den Body-Bereich statt in den Header ein.

Methode 2: Verwendung des benutzerdefinierten JavaScript-Code-Bereichs

Sie können benutzerdefinierten JavaScript-Code über die erweiterten Website-Einstellungen in Ihrem Ecwid-Dashboard hinzufügen. Diese Methode erfordert einen kostenpflichtigen Ecwid-Plan.

Log in to your Ecwid admin panel
Go to Website (or Overview → Manage Instant Site)
Scroll down to "Advanced website settings"
Klicken Sie unter "Custom JavaScript code" auf "Add Code"
Fügen Sie Ihren Asyntai-Einbettungscode in das erscheinende Feld ein
Klicken Sie auf "Save"
Refresh your Instant Site page in your browser to see the changes

Hinweis: Der Bereich für benutzerdefinierten JavaScript-Code hat ein Limit von 4000 Zeichen. Der Asyntai-Einbettungscode liegt weit unter diesem Limit. Hier hinzugefügter Code erscheint am Ende des <body>-Bereichs.

Methode 3: Externe Website mit Ecwid-Shop

Wenn Sie Ihren Ecwid-Shop auf einer externen Website eingebettet haben (WordPress, Wix, benutzerdefiniertes HTML usw.), sollten Sie den Asyntai-Code stattdessen zu dieser Website hinzufügen.

Für WordPress mit Ecwid-Plugin

Folgen Sie der WordPress-Installationsanleitung
Fügen Sie den Asyntai-Einbettungscode zu Ihrer WordPress-Website hinzu, indem Sie das WPCode-Plugin oder Theme-Dateien verwenden
Der Chatbot erscheint auf allen Seiten, einschließlich derer mit Ihrem Ecwid-Shop

Für andere Plattformen

Wenn Ihr Ecwid-Shop auf einer anderen Plattform eingebettet ist:

Finden Sie die passende Installationsanleitung für Ihre Plattform
Fügen Sie den Asyntai-Einbettungscode zu dieser Plattform hinzu
Der Chatbot funktioniert zusammen mit Ihrem eingebetteten Ecwid-Shop

Warum den Code zur externen Website hinzufügen? Wenn Ecwid auf einer anderen Website eingebettet ist, kontrolliert die übergeordnete Website die Seite. Das Hinzufügen des Chatbots zur übergeordneten Website stellt sicher, dass er korrekt geladen wird und auf allen Seiten erscheint.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Hinzufügen des Codes Ihren Ecwid-Shop in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke Ihres Shops sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.

Widget nicht sichtbar? Leeren Sie Ihren Browser-Cache und aktualisieren Sie die Seite. Stellen Sie sicher, dass Sie einen kostenpflichtigen Ecwid-Plan haben, da benutzerdefinierte JavaScript-Funktionen die Tarife Venture, Business oder Unlimited erfordern.

Dokumentation