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.

Melden Sie sich bei Ihrem Weebly-Konto an und öffnen Sie den Website-Editor
Klicken Sie im oberen Menü auf Settings
Wählen Sie SEO in der linken Seitenleiste
Scrollen Sie nach unten, um den Abschnitt Fußzeilen-Code zu finden
Fügen Sie Ihren Asyntai-Einbettungscode in das Footer-Code-Feld ein
Klicken Sie auf Save
Klicken Sie auf Veröffentlichen, um die Änderungen live zu schalten

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
Wiederholen Sie dies für alle anderen Seiten, auf denen Sie den Chatbot möchten
Klicken Sie auf Veröffentlichen, um die Änderungen live zu schalten

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
Ziehen Sie das Einbettungscode-Element auf Ihre Seite (vorzugsweise in der Nähe des unteren Rands)
Klicken Sie auf das Element und wählen Sie Benutzerdefiniertes HTML bearbeiten
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie außerhalb des Elements, um zu speichern
Klicken Sie auf Veröffentlichen, um die Änderungen live zu schalten

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