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

Schritt-für-Schritt-Anleitung für Joomla-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: Code per benutzerdefiniertem HTML-Modul hinzufügen (empfohlen)

Der einfachste Weg, den Chatbot auf allen Seiten hinzuzufügen, ist die Verwendung eines benutzerdefinierten HTML-Moduls:

Melden Sie sich in Ihrem Joomla-Administrator-Panel an
Gehen Sie zu Content → Site Modules
Klicken Sie auf "Neu", um ein neues Modul zu erstellen
Wählen Sie "Benutzerdefiniert" (Benutzerdefiniertes HTML-Modul)
Geben Sie einen Titel wie "Asyntai Chatbot" ein (Sie können diesen später ausblenden)
Klicken Sie auf die Schaltfläche "Toggle Editor", um in den Roh-HTML-Modus zu wechseln
Fügen Sie Ihren Asyntai-Einbettungscode ein
Wählen Sie im Feld "Position" eine Footer-Position (z. B. "footer" oder "debug")
Setzen Sie "Show Title" auf "Hide"
Wählen Sie unter dem Tab "Menu Assignment" die Option "On all pages"
Klicken Sie auf "Save & Close"

Tipp: Wenn Ihr Code entfernt wird, gehen Sie zu System → Global Configuration → Site und setzen Sie den Standard-Editor vorübergehend auf "None", fügen Sie Ihren Code hinzu und wechseln Sie dann zurück.

Alternative: Vorlagendateien bearbeiten

Sie können den Code direkt zur index.php-Datei Ihres Templates hinzufügen:

Gehen Sie zu System → Site Templates
Klicken Sie auf den Namen Ihrer aktiven Vorlage
Suchen und klicken Sie auf "index.php" in der Dateiliste
Scrollen Sie nach unten, um das schließende </body>-Tag zu finden
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
Klicken Sie auf "Save"

Wichtig: Änderungen an Vorlagendateien gehen verloren, wenn Sie Ihre Vorlage aktualisieren. Erwägen Sie die Verwendung einer untergeordneten Vorlage oder der benutzerdefinierten HTML-Modul-Methode für eine dauerhaftere Lösung.

Alternative: Eine Erweiterung verwenden

Sie können auch eine kostenlose Erweiterung verwenden, um benutzerdefinierte Skripte hinzuzufügen:

Gehen Sie zum Joomla Extensions Directory
Laden Sie die Erweiterung "Benutzerdefiniertes JavaScript hinzufügen" herunter
Gehen Sie in Ihrem Joomla-Admin zu System → Install → Extensions
Laden Sie die Erweiterung hoch und installieren Sie sie
Gehen Sie zu Components → Add Custom Javascript
Fügen Sie Ihren Asyntai-Einbettungscode hinzu
Konfigurieren Sie es so, dass es auf allen Seiten geladen wird

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern Ihrer Änderungen Ihre 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.