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

Schritt-für-Schritt-Anleitung für Bludit CMS

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: Code mit dem HTML Code Plugin hinzufügen (Empfohlen)

Der einfachste Weg, den Chatbot zu Ihrer Bludit-Website hinzuzufügen, ist die Verwendung des integrierten HTML Code Plugins:

Melden Sie sich in Ihrem Bludit Admin Panel an
Navigieren Sie zu Plugins in der linken Seitenleiste
Suchen Sie das Plugin "HTML Code" (es ist normalerweise vorinstalliert)
Wenn nicht aktiv, klicken Sie auf "Aktivieren", um es zu aktivieren
Klicken Sie auf "Configure" beim HTML Code Plugin
In der Konfiguration sehen Sie Felder für Header- und Footer-Code
Fügen Sie Ihren Asyntai-Einbettungscode in das Feld "Fußzeile" ein
Klicken Sie auf "Save"

Tipp: Das Hinzufügen von Code zum Footer stellt sicher, dass er am Ende Ihrer Seiten geladen wird, was das anfängliche Laden Ihrer Website nicht verlangsamt. Diese Methode fügt den Chatbot automatisch allen Seiten Ihrer Website hinzu.

Alternative Methode 1: Theme-Datei-Integration

Für mehr Kontrolle können Sie den Code direkt zu Ihren Theme-Dateien hinzufügen:

Verbinden Sie sich mit Ihrer Bludit-Installation über FTP oder Dateimanager
Navigieren Sie zu /bl-themes/your-theme-name/
Öffnen Sie die Datei index.php zur Bearbeitung
Suchen Sie das schließende </body>-Tag
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
Speichern Sie die Datei
Leeren Sie Ihren Website-Cache, falls zutreffend

Hinweis: Wenn Sie Theme-Dateien direkt bearbeiten, stellen Sie sicher, dass Sie zuerst die Originaldatei sichern. Theme-Updates können Ihre Änderungen überschreiben, daher dokumentieren Sie Ihre Modifikationen.

Alternative Methode 2: Benutzerdefinierter Inhalt in Seiten

Sie können den Chatbot-Code auch direkt zu bestimmten Seiten über den Inhaltseditor von Bludit hinzufügen:

Melden Sie sich in Ihrem Bludit Admin Panel an
Gehen Sie zu Inhalt und wählen Sie die Seite aus, die Sie bearbeiten möchten
Wechseln Sie im Editor zum HTML-Modus (wenn Sie einen visuellen Editor verwenden)
Fügen Sie Ihren Asyntai-Einbettungscode an beliebiger Stelle im Seiteninhalt ein
Klicken Sie auf "Save"
Wiederholen Sie dies für andere Seiten, auf denen Sie den Chatbot möchten

Wichtig: Wenn Sie Code direkt zum Seiteninhalt hinzufügen, müssen Sie ihn auf jeder Seite einzeln hinzufügen. Für eine seitenweite Installation verwenden Sie stattdessen das HTML Code Plugin oder die Theme-Datei-Methode.

Verwendung von Plugin-Hooks (Fortgeschritten)

Für Entwickler, die benutzerdefinierte Plugins erstellen, bietet Bludit Plugin-Hooks:

siteBodyBegin - Wird am Anfang des <body>-Tags ausgeführt
siteBodyEnd - Wird am Ende ausgeführt, ideal für JavaScript-Code wie das Asyntai-Widget

Sie können ein benutzerdefiniertes Plugin erstellen, das den siteBodyEnd-Hook verwendet, um den Chatbot-Code auf allen Seiten einzufügen.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihre Bludit-Website 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? Stellen Sie sicher, dass Sie die Plugin-Konfiguration oder die Theme-Datei-Änderungen gespeichert haben. Leeren Sie Ihren Browser-Cache und den Bludit-Cache (falls aktiviert). Prüfen Sie die Browser-Konsole (F12) auf JavaScript-Fehler.