So fügen Sie den Asyntai-KI-Chatbot zu Weebly hinzu

Schritt-für-Schritt-Anleitung für Weebly-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: Installationsmethode wählen

Es gibt mehrere Möglichkeiten, das Chat-Widget zu Ihrer Weebly-Website hinzuzufügen. Wählen Sie die Methode, die am besten zu Ihnen passt:

Methode 1: Websiteweiter Footer-Code (empfohlen)

Diese Methode fügt den Chatbot automatisch auf jeder Seite Ihrer Weebly-Website hinzu.

Log in to your Weebly account and open the site editor
Klicken Sie im oberen Menü auf Settings
Wählen Sie SEO in der linken Seitenleiste
Scroll down to find the Footer Code section
Fügen Sie Ihren Asyntai-Einbettungscode in das Footer-Code-Feld ein
Klicken Sie auf Save
Click Publish to make the changes live

Warum Footer-Code? Das Hinzufügen des Skripts im Footer stellt sicher, dass es nach Ihrem Seiteninhalt geladen wird, was optimal für die Leistung ist und Ihre Website nicht verlangsamt.

Methode 2: Einzelseiten-Installation

Wenn Sie den Chatbot nur auf bestimmten Seiten möchten, verwenden Sie diese Methode für jede Seite:

Klicken Sie im Weebly-Editor im oberen Menü auf Pages
Wählen Sie die Seite aus, auf der Sie den Chatbot hinzufügen möchten
Klicken Sie für diese Seite auf SEO Settings (oder Advanced Settings)
Suchen Sie den Abschnitt Footer Code
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf Save
Repeat for any other pages where you want the chatbot
Click Publish to make the changes live

Hinweis: Code auf Seitenebene betrifft nur diese bestimmte Seite. Wenn Sie den Chatbot auf mehreren Seiten möchten, ist die websiteweite Methode effizienter.

Methode 3: Embed-Code-Element verwenden

Sie können auch das Embed-Code-Element von Weebly verwenden, obwohl die Footer-Methode für Chat-Widgets bevorzugt wird:

Gehen Sie im Weebly-Editor zum Tab Build
Suchen Sie das Element Embed Code im Abschnitt Basic
Drag the Embed Code element to your page (preferably near the bottom)
Click on the element and select Edit Custom HTML
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie außerhalb des Elements, um zu speichern
Click Publish to make the changes live

Wichtig: Das Embed-Code-Element zeigt im Editor keine Vorschau an. Sie müssen Ihre Website veröffentlichen, um den funktionierenden Chatbot zu sehen.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Veröffentlichen Ihrer Website diese 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.

Widget nicht sichtbar? Weebly zeigt keine Vorschau für Code an, der in Header-/Footer-Bereichen hinzugefügt wurde. Stellen Sie sicher, dass Sie auf "Publish" geklickt haben, um Ihre Änderungen live zu schalten. Versuchen Sie, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster aufzurufen.

Hinweis zu Weebly Square Online

Wenn Sie Square Online (Weeblys E-Commerce-Plattform) verwenden, sind die Schritte ähnlich:

Gehen Sie zu Ihrem Square-Online-Dashboard
Navigieren Sie zu Website > Site Settings
Suchen Sie nach Advanced Settings oder Custom Code
Fügen Sie Ihren Asyntai-Einbettungscode zum Footer-Bereich hinzu
Speichern und veröffentlichen Sie Ihre Änderungen

Dokumentation