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

Schritt-für-Schritt-Anleitung für e107-CMS-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: Zur Theme-Vorlage hinzufügen (empfohlen)

Die empfohlene Methode zum Hinzufügen des Chatbots ist das direkte Bearbeiten der Template-Datei Ihres e107-Themes:

Navigieren Sie zu Ihrem e107-Theme-Ordner: e107_themes/ihrtheme/
Öffnen Sie die Haupt-Template-Datei des Themes (normalerweise theme.php oder theme.html)
Suchen Sie das schließende </body>-Tag
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein:

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

Tipp: Wenn Ihr Theme theme.php verwendet, suchen Sie den Abschnitt, in dem das Footer-HTML gerendert wird. Der Einbettungscode sollte nach allen anderen Inhalten, aber vor dem schließenden Body-Tag platziert werden.

Alternative Methode 1: e107 benutzerdefinierte Kopf-/Fußzeile verwenden

Sie können das Chatbot-Script über das e107-Administrationspanel hinzufügen, ohne Theme-Dateien zu bearbeiten:

Melden Sie sich in Ihrem e107-Administrationspanel an
Gehen Sie zu Admin > Einstellungen > Website-Einstellungen
Suchen Sie den Abschnitt "Custom Footer" oder "Footer Scripts"
Fügen Sie Ihren Asyntai-Einbettungscode in den Fußzeilen-Skripte-Textbereich ein
Klicken Sie auf "Speichern", um die Änderungen anzuwenden

Hinweis: Diese Methode ist die einfachste, wenn Sie das direkte Bearbeiten von Theme-Dateien vermeiden möchten. Das Script wird automatisch auf jeder Seite Ihrer e107-Website eingebunden.

Alternative Methode 2: Verwendung eines e107-Plugins

Für einen modulareren Ansatz können Sie ein einfaches Plugin erstellen oder das Plugin-Hook-System verwenden, um das Chatbot-Script einzufügen:

Erstellen Sie ein einfaches Plugin oder verwenden Sie das Plugin "Custom Pages"
Fügen Sie das Script über das Plugin-Hook-System von e107 hinzu, indem Sie eine Datei e_footer.php in Ihrem Plugin-Verzeichnis erstellen
Geben Sie in e_footer.php Ihren Einbettungscode aus:

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Tipp: Der Plugin-Hook-Ansatz hält Ihre Chatbot-Integration vom Theme getrennt, sodass sie auch beim Wechsel des Themes bestehen bleibt.

Alternative Methode 3: Verwendung des e107-Menüsystems

Sie können das integrierte Menüsystem von e107 verwenden, um das Chatbot-Script im Footer-Bereich hinzuzufügen:

Melden Sie sich in Ihrem e107-Administrationspanel an
Gehen Sie zu Admin > Menus
Erstellen Sie ein benutzerdefiniertes HTML-Menü
Fügen Sie Ihren Asyntai-Einbettungscode in den Menüinhalt ein
Weisen Sie das Menü dem Fußzeilenbereich Ihres Templates zu
Speichern Sie die Menükonfiguration

Wichtig: Stellen Sie bei der Verwendung des Menüsystems sicher, dass der zugewiesene Menübereich rohes HTML/Script unterstützt. Einige Menübereiche entfernen Script-Tags aus Sicherheitsgründen. Wenn das Script entfernt wird, verwenden Sie stattdessen eine der anderen Methoden.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihre e107-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? Versuchen Sie, den e107-Cache über das Administrationspanel unter Admin > Cache zu leeren. Versuchen Sie auch, Ihren Browser-Cache zu leeren oder in einem Inkognito-Fenster zu öffnen. Stellen Sie sicher, dass Ihr Einbettungscode korrekt platziert ist und Ihre eindeutige Widget-ID aus dem Dashboard enthält.