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

Schritt-für-Schritt-Anleitung für Joomla-Websites

Einbettungscode erhalten

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.

Step 2: Add Code Using Custom HTML Module (Recommended)

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

  1. Log in to your Joomla Administrator panel
  2. Gehen Sie zu Content → Site Modules
  3. Click "New" to create a new module
  4. Select "Custom" (Custom HTML module)
  5. Enter a title like "Asyntai Chatbot" (you can hide this later)
  6. Klicken Sie auf die Schaltfläche "Toggle Editor", um in den Roh-HTML-Modus zu wechseln
  7. Fügen Sie Ihren Asyntai-Einbettungscode ein
  8. Wählen Sie im Feld "Position" eine Footer-Position (z. B. "footer" oder "debug")
  9. Setzen Sie "Show Title" auf "Hide"
  10. Wählen Sie unter dem Tab "Menu Assignment" die Option "On all pages"
  11. 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

You can add the code directly to your template's index.php file:

  1. Gehen Sie zu System → Site Templates
  2. Klicken Sie auf den Namen Ihrer aktiven Vorlage
  3. Find and click on "index.php" in the file list
  4. Scroll down to find the closing </body> tag
  5. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
  6. 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

You can also use a free extension to add custom scripts:

  1. Gehen Sie zum Joomla Extensions Directory
  2. Download the "Add Custom Javascript" extension
  3. Gehen Sie in Ihrem Joomla-Admin zu System → Install → Extensions
  4. Laden Sie die Erweiterung hoch und installieren Sie sie
  5. Gehen Sie zu Components → Add Custom Javascript
  6. Fügen Sie Ihren Asyntai-Einbettungscode hinzu
  7. 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.

Widget nicht sichtbar? Leeren Sie Ihren Joomla-Cache, indem Sie zu System → Clear Cache gehen und auf "Delete All" klicken. Versuchen Sie auch, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster anzuzeigen.