Wie man einen AI-Chatbot in 3 einfachen Schritten auf WordPress installiert

WordPress betreibt über 43% der Websites weltweit, und in Rumänien ist der Anteil aufgrund der Beliebtheit der Plattform bei KMUs und Freiberuflern noch höher. Wenn du eine WordPress-Website hast und einen AI-Chatbot hinzufügen möchtest, bist du hier genau richtig.

In diesem detaillierten Leitfaden zeigen wir dir genau, wie du einen AllAI-Chatbot auf WordPress installierst — entweder über unser spezielles Plugin oder manuell mit Code. Wir werden auch die Integration mit WooCommerce, die Kompatibilität mit beliebten Page-Buildern und Lösungen für die häufigsten Probleme abdecken.

Bevor du beginnst: Was du benötigst

Stelle sicher, dass du Folgendes bereit hast:

• Ein AllAI-Konto — wenn du noch keins hast, erstelle ein kostenloses Konto
• Ein konfiguriertes Chatbot — mit geladenem Wissensbestand und vorgenommenen Anpassungen
• Zugang zum WordPress-Admin-Bereich — mit Administratorrechten
• AllAI-API-Schlüssel — diesen findest du im Dashboard von AllAI, Abschnitt Einstellungen → Integrationen

Methode 1: Installation über das WordPress-Plugin (Empfohlen)

Dies ist die einfachste und empfohlene Methode. Das AllAI-Plugin für WordPress kümmert sich um alles: Installation, Updates und erweiterte Konfiguration direkt aus dem WordPress-Dashboard.

Schritt 1: Installiere das Plugin

1. Logge dich in das WordPress-Admin-Dashboard ein (deine-seite.de/wp-admin)
2. Navigiere zu Plugins → Neues Plugin hinzufügen
3. Gib in die Suchleiste „AllAI Chatbot" ein
4. Finde das offizielle AllAI-Plugin und klicke auf „Jetzt installieren"
5. Nach der Installation klicke auf „Aktivieren"

Der gesamte Prozess dauert weniger als 30 Sekunden. Das Plugin erscheint jetzt im seitlichen Menü von WordPress.

Schritt 2: Verbinde dein AllAI-Konto

1. Klicke im seitlichen Menü von WordPress auf AllAI Chatbot
2. Gib den API-Schlüssel ein, den du aus dem Dashboard von AllAI kopiert hast
3. Klicke auf „Verbinden"
4. Wenn du mehrere Chatbots hast, wähle den gewünschten aus der Dropdown-Liste aus

Das Plugin bestätigt die Verbindung mit einer grünen Erfolgsmeldung. Dein Chatbot ist jetzt aktiv auf der Website.

Schritt 3: Erweiterte Konfiguration (optional)

In den Plugin-Einstellungen kannst du das Verhalten des Chatbots direkt aus WordPress steuern:

• Anzeige auf bestimmten Seiten — wähle aus, auf welchen Seiten der Chatbot erscheint (alle, nur bestimmte Seiten oder schließe spezifische Seiten aus)
• Anzeige nach Inhaltstypen — aktiviere oder deaktiviere auf Beiträgen, Seiten, WooCommerce-Produkten, Kategorien
• Benutzerdefinierte Trigger — lasse den Chatbot automatisch nach X Sekunden, beim Scrollen oder bei Exit-Intent öffnen
• Anzeige-Regeln — zeige den Chatbot nur für neue Besucher, nur auf Desktop oder nur auf Mobilgeräten an
• Ausnahme für angemeldete Benutzer — verstecke den Chatbot für Administratoren oder Redakteure

Methode 2: Manuelle Installation mit Code

Wenn du kein zusätzliches Plugin installieren möchtest oder spezifische Einschränkungen hast, kannst du den Chatbot manuell über Code hinzufügen. Diese Methode funktioniert mit jedem WordPress-Theme.

Option A: Über das Plugin „Insert Headers and Footers"

Wenn du bereits ein Plugin zum Einfügen von Code verwendest (wie WPCode oder Insert Headers and Footers), ist dies die einfachste Variante:

1. Navigiere zu Plugins → WPCode (oder deinem Code-Einfüge-Plugin)
2. Erstelle einen neuen Code-Schnipsel
3. Wähle den Typ „HTML"
4. Füge den Code des AllAI-Widgets ein:

<!-- AllAI Chatbot Widget -->
<script src="https://widget.allai.ro/loader.js"
        data-bot-id="DEIN-EINZIGARTIGER-ID"
        async>
</script>

5. Setze den Standort auf „Footer"
6. Aktiviere den Schnipsel und speichere

Option B: Direkt in functions.php

Wenn du dich mit der Bearbeitung des Theme-Codes wohlfühlst, kannst du das Widget direkt in functions.php hinzufügen:

// AllAI Chatbot Widget
function allai_chatbot_widget() {
    echo '<script src="https://widget.allai.ro/loader.js"
          data-bot-id="DEIN-EINZIGARTIGER-ID"
          async></script>';
}
add_action('wp_footer', 'allai_chatbot_widget');

Option C: Über den WordPress-Theme-Editor

1. Navigiere zu Design → Theme-Editor
2. Wähle die Datei footer.php aus der rechten Liste aus
3. Finde das Tag </body>
4. Füge den Code des AllAI-Widgets direkt vor </body> ein
5. Klicke auf „Datei aktualisieren"

Integration mit WooCommerce

Wenn du einen WooCommerce-Shop hast, wird der AllAI-Chatbot zu einem äußerst leistungsstarken Werkzeug. Hier ist, wie du die Integration optimierst:

Produktunterstützung

Trainiere den Chatbot mit dem WooCommerce-Produktkatalog. AllAI kann automatisch die Produktseiten scannen und lernen:

• Die Namen und Beschreibungen der Produkte
• Preise (einschließlich Aktionspreise)
• Verfügbarkeit des Lagerbestands
• Kategorien und Attribute der Produkte

Unterstützung für Bestellungen

Konfiguriere den Chatbot, um häufige Fragen zu Bestellungen zu beantworten:

• „Wo ist meine Bestellung?" — biete einen Link zur Verfolgungsseite an
• „Was ist die Rückgabepolitik?" — erkläre die notwendigen Schritte
• „Wie viel kostet der Versand?" — gib Informationen zu Versandmethoden und -kosten
• „Kann ich die Lieferadresse ändern?" — führe den Kunden durch den richtigen Prozess

Produkt-Empfehlungen

Der Chatbot kann Produkte basierend auf dem Gespräch empfehlen. Zum Beispiel kann ein Kunde, der fragt: „Ich suche eine Feuchtigkeitscreme für trockene Haut", personalisierte Empfehlungen aus deinem Katalog erhalten.

Ein Online-Shop für natürliche Kosmetik aus Timișoara berichtete von einem Anstieg von 34% des durchschnittlichen Warenkorbwerts, nachdem er Produktempfehlungen über den Chatbot implementiert hatte.

Kompatibilität mit Page Builders

Wenn du einen beliebten Page Builder verwendest, funktioniert der AllAI-Chatbot perfekt mit allen:

Elementor

Der Chatbot funktioniert automatisch mit Elementor ohne zusätzliche Konfiguration, wenn du die Plugin-Methode verwendest. Für die manuelle Methode füge ein „HTML"-Element im globalen Footer von Elementor hinzu und füge den Code des Widgets ein.

Divi (Elegant Themes)

Für Divi kannst du das „Code"-Modul in einem globalen Footer verwenden oder die oben beschriebene Methode mit functions.php nutzen. Wenn du den Divi Theme Builder verwendest, füge ein Code-Modul in die Footer-Vorlage ein.

WPBakery / Visual Composer

Füge ein „Raw HTML"-Element in den Footer der Vorlage ein und füge den Code des Widgets ein. Alternativ kannst du die Plugin-Methode für die automatische Installation verwenden.

Beaver Builder

Das AllAI-Plugin funktioniert unabhängig von Beaver Builder. Für die manuelle Methode verwende ein HTML-Modul in den gespeicherten Zeilen oder in der Footer-Vorlage.

Erweiterte Konfiguration: Trigger und Regeln

Das AllAI-Plugin für WordPress bietet erweiterte Anpassungsoptionen, die bei der manuellen Methode nicht verfügbar sind:

Anzeige-Trigger

• Zeitverzögerung — der Chatbot öffnet sich automatisch nach X Sekunden (empfohlen: 15-30 Sekunden)
• Scrolltiefe — wird aktiviert, wenn der Besucher einen bestimmten Prozentsatz der Seite scrollt
• Exit-Intent — erkennt die Absicht, die Website zu verlassen, und öffnet den Chatbot mit einer personalisierten Nachricht
• Klick-Trigger — der Chatbot öffnet sich bei einem Klick auf einen bestimmten Button oder Link

Bedingte Regeln

• Neuer vs. wiederkehrender Besucher — unterschiedliche Willkommensnachrichten
• Gerät — unterschiedliches Verhalten auf Desktop vs. Mobil
• Traffic-Quelle — personalisierte Nachricht für Besucher, die von Google, Facebook oder anderen Quellen kommen
• URL der Seite — unterschiedliches Verhalten auf der Produktseite im Vergleich zur Kontaktseite

Fehlerbehebung: Die häufigsten Probleme

Manchmal funktioniert nicht alles beim ersten Mal. Hier sind die Lösungen für die häufigsten Probleme, die bei der Installation auf WordPress auftreten:

Der Chatbot erscheint nicht auf der Website

• Cache: Leere den WordPress-Cache (WP Super Cache, W3 Total Cache, LiteSpeed Cache) und den Cache des Browsers
• Sicherheits-Plugin: Überprüfe, ob ein Sicherheits-Plugin (Wordfence, Sucuri) das AllAI-Skript blockiert. Füge widget.allai.ro zur Ausnahmeliste (Whitelist) hinzu
• CDN/Cloudflare: Wenn du Cloudflare verwendest, leere den Cloudflare-Cache oder deaktiviere vorübergehend den Rocket Loader
• API-Schlüssel: Überprüfe, ob der API-Schlüssel korrekt ist und ob der Chatbot im Dashboard von AllAI aktiv ist

Der Chatbot lädt langsam

• Stelle sicher, dass das Attribut async im Skript-Tag vorhanden ist
• Überprüfe, ob ein Optimierungs-Plugin (Autoptimize, WP Rocket) das AllAI-Skript nicht kombiniert oder verzögert — füge es zu den Ausnahmen hinzu
• Teste die Geschwindigkeit der Website mit Google PageSpeed Insights — das AllAI-Widget ist optimiert, um die Punktzahl nicht zu beeinträchtigen

Konflikte mit anderen Plugins

• Wenn du ein anderes Chat-Plugin (Tidio, Tawk.to, Crisp) hast, deaktiviere es, bevor du AllAI aktivierst
• Plugins zur Minimierung von JavaScript können Probleme verursachen — füge AllAI zu den Ausnahmen hinzu
• Teste mit allen deaktivierten Plugins, um spezifische Konflikte zu identifizieren

Das Widget überlappt Inhalte auf Mobilgeräten

• In den AllAI-Einstellungen passe den unteren Rand (bottom margin) des Widgets an
• Wenn du ein festes Menü am unteren Rand der Website auf Mobilgeräten hast, erhöhe den Rand auf 70-80px
• Du kannst eine andere Position (links vs. rechts) für mobile Geräte festlegen

Überprüfe die Installation: Checkliste

Nach der Installation gehe diese Liste durch, um sicherzustellen, dass alles korrekt funktioniert:

1. Das Widget erscheint auf Desktop (Chrome, Firefox, Safari, Edge)
2. Das Widget erscheint auf Mobilgeräten (iOS und Android)
3. Der Chatbot öffnet sich bei einem Klick auf den Chat-Button
4. Die Willkommensnachricht ist korrekt
5. Der Chatbot antwortet korrekt auf 3-5 Testfragen
6. Der Button für schnelle Vorschläge funktioniert
7. Die Gespräche erscheinen im Dashboard von AllAI
8. Es gibt keine Fehler in der Browser-Konsole (F12 → Konsole)
9. Die Geschwindigkeit der Website ist nicht signifikant beeinträchtigt (teste mit GTmetrix oder PageSpeed)
10. Das Widget überlappt keine wichtigen Elemente der Website

Nächste Schritte

Herzlichen Glückwunsch! Dein AllAI-Chatbot ist jetzt aktiv auf deiner WordPress-Website. Hier sind einige Dinge, die du als Nächstes tun kannst, um die Ergebnisse zu maximieren:

• Überwache die Gespräche — überprüfe täglich das Dashboard von AllAI, um zu sehen, was die Besucher fragen
• Verfeinere die Antworten — füge neue Informationen basierend auf realen Gesprächen hinzu
• Verbinde mit dem CRM — integriere mit HubSpot, Salesforce oder Pipedrive, um Leads automatisch zu erfassen
• Aktiviere WhatsApp — erweitere den Chatbot auf WhatsApp Business, um auf dem bevorzugten Kanal deiner Kunden präsent zu sein

Für weitere Integrationen und erweiterte Konfigurationen konsultiere die Seite zur WordPress-Integration oder unsere Preispläne.

Benötigst du Hilfe? Vereinbare eine kostenlose Demo mit unserem Team, und ein Spezialist wird dich durch den gesamten Konfigurationsprozess führen.