Dokumentation

WordPress

Fügen Sie Ihren Agenten zu WordPress-Websites hinzu.

Fügen Sie Ihren KI-Agenten mithilfe des Einbettungscodes zu WordPress-Websites hinzu. Funktioniert mit jedem WordPress-Theme.

Holen Sie sich zuerst Ihren Einbettungscode über Chatbot > Veröffentlichen im Dashboard.

Fügen Sie das Widget über Ihr Theme auf allen Seiten hinzu:

  1. Gehen Sie zu Design → Theme-Editor (oder Theme-Datei-Editor)
  2. Suchen Sie footer.php in Ihren Theme-Dateien
  3. Fügen Sie Ihren Einbettungscode direkt vor </body> ein

Beispielformat (holen Sie sich Ihren tatsächlichen Code über Chatbot > Veröffentlichen):

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Klicken Sie auf Datei aktualisieren

Das Widget erscheint nun auf allen Seiten.

Methode 2: Benutzerdefinierter HTML-Block

Fügen Sie es mit dem Block-Editor zu bestimmten Seiten hinzu:

  1. Bearbeiten Sie die Seite, auf der das Widget erscheinen soll
  2. Fügen Sie einen Block Benutzerdefiniertes HTML hinzu
  3. Fügen Sie Ihren Einbettungscode aus Chatbot > Veröffentlichen ein

Beispielformat:

<script
  src="YOUR_WIDGET_URL"
  data-chatbot="YOUR_CHATBOT_ID"
  async
></script>
  1. Speichern Sie die Seite

Methode 3: Plugin (Header-/Footer-Skripte)

Verwenden Sie ein Plugin, um Skripte website-weit hinzuzufügen:

  1. Installieren Sie ein Plugin wie „Insert Headers and Footers" oder „WPCode"
  2. Öffnen Sie die Plugin-Einstellungen
  3. Suchen Sie den Bereich „Footer Scripts"
  4. Fügen Sie Ihren Einbettungscode aus Chatbot > Veröffentlichen ein
  5. Speichern Sie die Änderungen

Bei dieser Methode müssen keine Theme-Dateien bearbeitet werden.

Methode 4: Child-Theme

Verwenden Sie für Themes, die häufig aktualisiert werden, ein Child-Theme:

  1. Erstellen Sie ein Child-Theme für Ihr aktuelles Theme
  2. Fügen Sie eine Datei functions.php mit folgendem Inhalt hinzu (ersetzen Sie YOUR_WIDGET_URL und YOUR_CHATBOT_ID durch die Werte aus Chatbot > Veröffentlichen):
<?php
function add_chatbot_widget() {
    ?>
    <script
      src="YOUR_WIDGET_URL"
      data-chatbot="YOUR_CHATBOT_ID"
      async
    ></script>
    <?php
}
add_action('wp_footer', 'add_chatbot_widget');

Diese Lösung übersteht Theme-Updates.

WooCommerce-Websites

Das Widget funktioniert auf WooCommerce-Websites automatisch. Denken Sie an Folgendes:

  • Auf Produktseiten einbinden, um Produktfragen zu beantworten
  • Beim Checkout einbinden, um Bestellsupport anzubieten
  • Über Benutzerdefinierte-HTML-Blöcke auf bestimmten Seiten einsetzen

Page-Builder

Elementor

  1. Mit Elementor bearbeiten
  2. Ein HTML-Widget hinzufügen
  3. Den Einbettungscode einfügen
  4. Auf website-weite Anzeige einstellen (optional)

Divi

  1. Ein Code-Modul hinzufügen
  2. Den Einbettungscode einfügen
  3. Änderungen speichern

Beaver Builder

  1. Ein HTML-Modul hinzufügen
  2. Den Einbettungscode einfügen
  3. Änderungen veröffentlichen

Multisite

Für WordPress-Multisite:

  • Fügen Sie den Code auf jeder Website einzeln hinzu, oder
  • Verwenden Sie ein netzwerkweit aktiviertes Plugin, um ihn allen Websites hinzuzufügen

Caching-Plugins

Wenn Sie Caching-Plugins verwenden (WP Super Cache, W3 Total Cache usw.):

  1. Fügen Sie den Widget-Code hinzu
  2. Leeren Sie alle Caches
  3. Testen Sie das Widget

Das Widget sollte mit allen gängigen Caching-Plugins funktionieren.

Fehlerbehebung

Widget erscheint nicht

  • Leeren Sie Ihren WordPress-Cache
  • Prüfen Sie die Browser-Konsole auf Fehler
  • Prüfen Sie, ob die Agent-ID korrekt ist

Theme-Editor nicht verfügbar

  • Manche Hoster deaktivieren die Theme-Bearbeitung
  • Verwenden Sie stattdessen eine der Plugin-Methoden
  • Oder bearbeiten Sie die Dateien per FTP

Widget-Position falsch

  • Passen Sie dies in den Design-Einstellungen Ihres Agenten an
  • Prüfen Sie auf CSS-Konflikte mit dem Theme

Testen

Nach der Installation:

  1. Öffnen Sie Ihre WordPress-Website in einem Inkognito-Fenster
  2. Achten Sie auf die Chat-Blase
  3. Senden Sie eine Testnachricht
  4. Prüfen Sie die Antwort

Nächste Schritte