BotChata
Jetzt starten

KI-Chatbot in WooCommerce einbinden — Schritt für Schritt in 5 Minuten

↑ Teil von KI-Chatbot für Website

Kurz gesagt: Sie erstellen in BotChata einen KI-Agenten, lassen ihn Ihren Shop indexieren und fügen ein einziges Script-Tag in WordPress ein. Ab dann beantwortet der Chatbot Kundenfragen rund um die Uhr — zu Versand, Retouren und Verfügbarkeit — aus den Inhalten Ihres Shops, in über 40 Sprachen. Ohne Programmierung. DSGVO-konform, gehostet in Deutschland.

→ Kostenlos starten — ohne Kreditkarte · In 5 Minuten live · Für immer kostenloser Tarif

Warum Shops das tun: Die meisten Anfragen sind immer dieselben Fragen — wo ist meine Bestellung, wie funktioniert die Retoure, liefern Sie mit DHL. Ein Chatbot, der Ihren Shop kennt, antwortet sofort, entlastet den Support und hält Kunden davon ab, den Warenkorb zu verlassen.

Was Sie brauchen (Voraussetzungen)

Teil 1 — BotChata einrichten (ca. 3 Minuten)

Schritt 1: Konto und Agent erstellen

Registrieren Sie sich auf botchata.net und öffnen Sie das Dashboard. Gehen Sie zu „KI-Agenten" → „Neuer Agent", vergeben Sie einen Namen (z. B. Ihren Shop-Namen) und bestätigen Sie.

Der kostenlose Start braucht keine Kreditkarte — nur Ihre E-Mail. (Den 7-Tage-Test der Premium-Funktionen aktivieren Sie später optional per Karte; für diese Anleitung nicht nötig.)

Schritt 2: Shop indexieren lassen

Öffnen Sie beim Agenten den Tab „Links / Quellen" und klicken Sie auf „Quelle hinzufügen". Geben Sie Ihre Shop-URL ein und wählen Sie „Gesamte Website hinzufügen".

BotChata liest Ihre Produktseiten, Versand- und Retourenbedingungen, FAQ und Kategorien und baut daraus die Wissensbasis. Für einen typischen Shop dauert das 1–3 Minuten. Der Status wechselt von „Indexierung" zu „Bereit".

Warum das wichtig ist: Der Bot antwortet ausschließlich aus Ihren indexierten Shop-Inhalten — Ihre echten Retourenbedingungen, Ihre tatsächlichen Versandregeln. Steht etwas nicht auf Ihrer Seite, sagt er das ehrlich, statt eine Regel zu erfinden. Das schützt Sie vor Versprechen, die Sie nicht machen.

Schritt 3: Kurzer Test

Wechseln Sie zum Tab „Übersicht" und stellen Sie dem Bot in der Live-Vorschau typische Kundenfragen („Liefern Sie ins Ausland?", „Wie funktioniert die Retoure?"). Stimmen die Antworten, sind Sie bereit zum Einbau.

Schritt 4: Einbettungscode kopieren

Öffnen Sie die Installations-/Einbettungsansicht des Agenten und kopieren Sie das Script-Tag. Es sieht so aus:

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="IHR_KEY"
  data-api-url="https://botchata.net/api"
  defer
></script>

Das Attribut defer lädt das Widget asynchron, es bremst Ihren Shop also nicht (Core Web Vitals zählen für die Conversion). Das Widget läuft in einem isolierten Shadow DOM — es kann Ihr Theme nicht stören.

Teil 2 — Code in WordPress / WooCommerce einfügen (ca. 2 Minuten)

Sie haben drei Wege. Methode A ist für die meisten am besten — ohne Code, update-sicher.

✅ Methode A (empfohlen): per Header-/Footer-Plugin — ohne Code

  1. Im WordPress-Admin: Plugins → Installieren.
  2. Suchen Sie nach „WPCode" (früher „Insert Headers and Footers"), installieren und aktivieren.
  3. Gehen Sie zu Code Snippets → Header & Footer.
  4. Fügen Sie das kopierte BotChata-Script in das Feld „Footer" ein.
  5. Speichern. Fertig — das Widget lädt nun auf jeder Shop-Seite, auch auf Produkt- und Checkout-Seiten.

Warum „Footer": Das Script gehört direkt vor das schließende </body> — so lädt die Seite zuerst, das Widget danach.

Methode B: Block-Theme über den Site-Editor

Bei einem modernen Block-Theme geht es auch ohne Plugin:

  1. Öffnen Sie Design → Editor.
  2. Wählen Sie Templates → Footer (oder das auf allen Seiten gezeigte Template).
  3. Fügen Sie am Ende einen „Custom-HTML"-Block ein und setzen Sie das Script ein.
  4. Speichern.

Methode C: manuell in footer.php (für Entwickler)

Nur wenn Sie bewusst Theme-Dateien bearbeiten — idealerweise in einem Child-Theme, sonst geht die Änderung beim nächsten Theme-Update verloren.

  1. Design → Theme-Datei-Editor.
  2. Öffnen Sie footer.php.
  3. Fügen Sie das Script direkt vor </body> ein.
  4. Datei aktualisieren.

⚠️ Das direkte Bearbeiten von Theme-Dateien ist fehleranfällig und nicht update-sicher. Im Zweifel Methode A.

Optional: Tiefere E-Commerce-Integration

Die Schritte oben binden den Chatbot auf Basis Ihrer Shop-Inhalte ein — er antwortet aus Produktseiten, Bedingungen und FAQ. Das deckt die meisten Support-Fragen ab.

Für Shops, die mehr wollen — Live-Bestellstatus („wo ist mein Paket?"), Echtzeit-Lagerbestand, Produktempfehlungen aus dem Katalog — bietet BotChata eine tiefere Integration, die sich mit Ihren Shop-Daten verbindet, nicht nur mit Ihren Seiten. Das ist eine separate Einrichtung über diese Script-Installation hinaus.

Die Regel: Die Script-Installation (oben) antwortet aus Ihrer Seite; die tiefere Integration antwortet aus Live-Shop-Daten. Die meisten Shops starten mit dem Script und ergänzen die Integration später.

Schritt 3 — Prüfen, ob es funktioniert

  1. Öffnen Sie Ihren Shop in einem neuen privaten/Inkognito-Fenster.
  2. Unten rechts erscheint die BotChata-Sprechblase.
  3. Klicken Sie darauf und stellen Sie eine echte Kundenfrage („Liefern Sie nach Österreich?").
  4. Der Bot sollte in Sekunden mit Inhalten aus Ihrem Shop antworten.

Sehen Sie das Widget? Sie sind live. 🎉

DSGVO-Hinweis

Häufige Probleme (Troubleshooting)

ProblemLösung
Das Widget erscheint nicht.Cache leeren (Browser und Caching-Plugin wie WP Rocket/LiteSpeed). Methode A erneut speichern und prüfen, ob das Script im Footer steht.
Der Bot antwortet „Ich weiß es nicht".Diese Seite (z. B. eine Bedingung oder ein Produkt) ist evtl. nicht indexiert. In BotChata unter „Quellen" prüfen und neu indexieren (ein Klick).
Das Widget kollidiert mit dem Theme.Das Shadow DOM sollte das verhindern. Falls doch — Position/z-index im Widget-Builder anpassen (ab Business).
Antworten in falscher Sprache.BotChata erkennt die Kundensprache automatisch (40+ Sprachen) — praktisch beim grenzüberschreitenden Verkauf. Im frischen Fenster testen.
Bot kennt den Live-Bestellstatus nicht.Die Script-Installation antwortet aus Shop-Seiten. Für Live-Bestellstatus die tiefere E-Commerce-Integration ergänzen (oben).

FAQ

Braucht BotChata ein WooCommerce-Plugin? Nein. Ein einziges Script-Tag genügt. Ein Header-/Footer-Plugin (Methode A) ist nur der einfachste, code-freie Weg, es einzufügen — nicht erforderlich.

Kennt der Bot meine Produkte und Bedingungen? Ja — er indexiert Ihre Shop-Seiten (Produkte, Kategorien, Retouren-/Versandbedingungen, FAQ) und antwortet daraus. Für Live-Bestellstatus und Lagerbestand siehe die tiefere Integration oben.

Ist das DSGVO-konform? Ja. Hosting in Deutschland (Hetzner), AVV inklusive, kein KI-Training mit Ihren Daten, steuerbar über Ihr Consent-Tool. Siehe DSGVO-Hinweis oben.

Erfindet der Bot Antworten? Nein. Er antwortet nur aus Ihren indexierten Shop-Inhalten. Steht eine Bedingung nicht auf Ihrer Seite, sagt er das ehrlich — er verspricht keine Retoure oder Versandart, die Sie nicht anbieten.

Was kostet das? Der kostenlose Start kostet 0 € (100 Nachrichten/Monat, ohne Karte). Bezahlte Tarife ab 29 €/Monat — fester Preis pro Tarif, keine Credits pro Nachricht. (Ihr WooCommerce-Hosting rechnen Sie separat ab.)

Bremst das Widget meinen Shop? Nein. Es lädt asynchron (defer) in einem isolierten Shadow DOM und blockiert das Rendering nicht.

Jetzt starten

Geben Sie Ihrem WooCommerce-Shop einen KI-Assistenten rund um die Uhr, der Ihre Produkte und Bedingungen kennt — in 5 Minuten.

→ Kostenlos starten — ohne Kreditkarte

In 5 Minuten startklar. 100 Nachrichten/Monat gratis. DSGVO-konform, gehostet in Deutschland.