KI-Chatbot in Ihren Shopify-Shop einbinden — Schritt für Schritt in 5 Minuten
↑ Teil von KI-Chatbot für Website
Kurzfassung: Sie erstellen bei BotChata einen KI-Agenten, lassen ihn Ihren Shop indexieren und fügen ein einziges Script-Tag in Ihr Shopify-Theme ein. Danach beantwortet der Chatbot Kundenfragen rund um die Uhr — Versand, Retoure, Größen, „Ist das auf Lager?“ — auf Basis Ihrer eigenen Shop-Inhalte, in über 40 Sprachen. Keine Programmierkenntnisse nötig. DSGVO-konform, Hosting in Deutschland.
→ Kostenlos starten — ohne Kreditkarte · In 5 Minuten live · Für immer kostenloser Tarif
Warum Shop-Betreiber das tun: Die meisten Support-Anfragen sind dieselbe Handvoll Fragen — wo ist meine Bestellung, wie sind die Rückgabebedingungen, liefert ihr nach X. Ein Chatbot, der Ihren Shop kennt, beantwortet sie sofort, senkt das Ticket-Aufkommen und hält Kunden vom Absprung an der Kasse ab.
Was Sie brauchen (Voraussetzungen)
- Einen Shopify-Shop mit Administrator-Zugang (jeder Tarif — der Theme-Code-Editor ist in allen bezahlten Shopify-Tarifen verfügbar).
- Ein BotChata-Konto — der Gratis-Start genügt (Anmeldung mit E-Mail, ohne Kreditkarte).
- 5 Minuten Zeit. Kein Code, kein Entwickler.
Teil 1 — BotChata einrichten (ca. 3 Minuten)
Schritt 1: Konto erstellen und Agenten anlegen
Registrieren Sie sich auf botchata.net und öffnen Sie das Dashboard. Gehen Sie zu „AI-Agenten“ → „Neuer Agent“, vergeben Sie einen Namen (z. B. Ihren Shop-Namen) und bestätigen Sie.
Für den Gratis-Start brauchen Sie keine Kreditkarte — nur Ihre E-Mail. (Den 7-tägigen Test der Premium-Funktionen aktivieren Sie später optional mit Karte; für diese Anleitung nicht nötig.)
Schritt 2: Shop indexieren lassen
Öffnen Sie beim Agenten den Reiter „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, Richtlinien, FAQ und Kollektionen und macht 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 echte Versandrichtlinie, Ihre echte Rückgabefrist. Steht etwas nicht auf Ihrer Seite, sagt er das ehrlich, statt eine Richtlinie zu erfinden. Das schützt Sie vor falschen Zusagen.
Schritt 3: Kurz testen
Wechseln Sie zum Reiter „Übersicht“ und stellen Sie typische Kundenfragen im Live-Vorschaufenster („Liefert ihr nach Österreich?“, „Wie sind die Rückgabebedingungen?“). Stimmen die Antworten mit Ihrem Shop überein, geht es ans Einbinden.
Schritt 4: Einbettungs-Code kopieren
Öffnen Sie die Installations-/Einbetten-Ansicht des Agenten und kopieren Sie das Script-Tag. Es sieht so aus:
<script
src="https://botchata.net/api/widget.js"
data-api-key="IHR_SCHLÜSSEL"
data-api-url="https://botchata.net/api"
defer
></script>
Das
defer-Attribut lädt das Widget asynchron und bremst Ihren Shop nicht aus (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 Shopify einfügen (ca. 2 Minuten)
Sie haben zwei Wege. Methode A (Theme-Code) funktioniert in jedem Shopify-Tarif.
✅ Methode A (empfohlen): theme.liquid bearbeiten
- Im Shopify-Adminbereich: Onlineshop → Themes.
- Bei Ihrem aktuellen Theme auf ⋯ → Code bearbeiten klicken.
- Unter Layout die Datei
theme.liquidöffnen. - Zum schließenden
</body>-Tag scrollen und das BotChata-Script direkt davor einfügen. - Speichern. Fertig — das Widget lädt jetzt auf jeder Shop-Seite.
Das Bearbeiten von
theme.liquidfügt das Script sicher dem ganzen Shop hinzu. (Duplizieren Sie das Theme vorher als Backup — Themes → ⋯ → Duplizieren.)
Methode B: ein Theme-App-Embed (falls verfügbar)
Wenn BotChata als Shopify-App verfügbar ist, aktivieren Sie es ohne Code-Bearbeitung:
- Onlineshop → Themes → Anpassen.
- App-Embeds öffnen (Puzzle-Symbol in der linken Seitenleiste).
- BotChata einschalten, API-Schlüssel ins Feld einfügen und Speichern.
Methode B ist am saubersten, falls die App existiert — sie überlebt Theme-Updates. Sonst Methode A nutzen.
Optional: tiefere E-Commerce-Integration
Die Schritte oben binden den Chatbot über Ihre Shop-Inhalte ein — er antwortet aus Ihren Produktseiten, Richtlinien und FAQ. Das deckt die meisten Support-Fragen direkt ab.
Für Shops, die mehr wollen — Live-Bestellstatus („Wo ist meine Bestellung?“), Echtzeit-Bestand oder katalogbezogene Produktberatung — bietet BotChata eine tiefere Shopify-Integration, die sich mit Ihren Shop-Daten verbindet, nicht nur mit Ihren Seiten. Das ist ein separates Setup über diese Script-Installation hinaus.
Faustregel: Die Script-Installation (oben) beantwortet Fragen aus Ihrer Website; die tiefere Integration beantwortet Fragen aus den Live-Daten Ihres Shops. Die meisten Shops starten mit dem Script und ergänzen die Integration später.
Schritt 3 — Prüfen, ob es funktioniert (Verifizierung)
- Öffnen Sie Ihren Shop in einem neuen, privaten Browserfenster (Inkognito).
- Unten rechts erscheint die BotChata-Sprechblase.
- Klicken Sie darauf und stellen Sie eine echte Kundenfrage („Liefert ihr international?“).
- Der Bot sollte in wenigen Sekunden mit Inhalten aus Ihrem Shop antworten.
Sehen Sie das Widget? Dann sind Sie live. 🎉
DSGVO-Hinweis für deutsche Shops
- Hosting in Deutschland: BotChata läuft bei Hetzner in Deutschland; Daten verlassen die EU nicht ohne Einwilligung, und es findet kein KI-Training mit Ihren Daten statt.
- Auftragsverarbeitung: Schließen Sie den AVV mit BotChata ab (Vorlage im Konto verfügbar) und nennen Sie das Tool in Ihrer Datenschutzerklärung.
- Consent / Cookie-Banner: Wenn Ihr Shop eine Consent-App nutzt, stellen Sie sicher, dass das BotChata-Script für EU-Besucher erst nach Einwilligung lädt.
- EU-AI-Act-konform: Kunden erkennen vor dem ersten Chat, dass sie mit einer KI sprechen — die Transparenzpflicht nach Art. 50 (ab August 2026) ist standardmäßig erfüllt.
Häufige Probleme (Troubleshooting)
| Problem | Lösung |
|---|---|
| Das Widget erscheint nicht. | Prüfen Sie, ob Sie das Script vor </body> in theme.liquid des aktiven Themes (nicht eines Entwurfs) gespeichert haben. Browser-Cache leeren. |
| Es zeigt sich im Shop, aber nicht im Checkout. | Checkout-Seiten sind außer bei Shopify Plus gesperrt. Das Widget läuft auf allen Storefront-Seiten — dort entstehen die Kundenfragen. |
| Der Bot antwortet „Das weiß ich nicht“. | Die Seite/Richtlinie ist evtl. nicht indexiert. In BotChata unter „Quellen“ prüfen und neu indexieren (ein Klick). |
| Das Widget kollidiert mit dem Theme. | Sollte durch das Shadow-DOM nicht passieren. Tritt es doch auf: Position/Z-Index im Widget-Builder (ab Business) anpassen. |
| Antwortet in der falschen Sprache. | BotChata erkennt die Sprache des Kunden automatisch (40+ Sprachen) — praktisch für grenzüberschreitende Shops. In einem frischen Fenster testen. |
Häufige Fragen (FAQ)
Braucht BotChata eine Shopify-App?
Nein. Ein einziges Script-Tag in theme.liquid genügt. Falls eine BotChata-Shopify-App verfügbar ist, ist die App-Embed-Methode (Methode B) eine einfachere, update-sichere Alternative — nötig ist sie nicht.
Kennt der Bot meine Produkte und Richtlinien? Ja — er indexiert Ihre Shop-Seiten (Produkte, Kollektionen, Versand-/Rückgaberichtlinien, FAQ) und antwortet daraus. Für Live-Bestellstatus und Echtzeit-Bestand siehe die tiefere Integration oben.
Ist das DSGVO-konform? Ja. Hosting in Deutschland (Hetzner), AVV inklusive, kein KI-Training mit Ihren Daten, über Ihre Consent-App steuerbar. Details oben.
Erfindet der Bot Antworten? Nein. Er antwortet nur aus Ihren indexierten Shop-Inhalten. Fehlt eine Richtlinie auf Ihrer Seite, sagt er das ehrlich, statt eine zu erfinden — so verspricht er nie eine Rückgabefrist oder Versandoption, die Sie nicht anbieten.
Was kostet das? Der Gratis-Start kostet 0 € (100 Nachrichten/Monat, ohne Kreditkarte). Bezahlte Tarife beginnen bei 29 €/Monat — fester Preis pro Tarif, keine Credits pro Nachricht (ein umsatzstarker Aktionstag treibt also Ihre Kosten nicht hoch). (Ihr Shopify-Abo wird separat von Shopify abgerechnet.)
Verlangsamt das Widget meinen Shop?
Nein. Es lädt asynchron (defer) in einem isolierten Shadow-DOM und blockiert das Rendern nicht.
Jetzt starten
Geben Sie Ihrem Shopify-Shop in 5 Minuten einen KI-Assistenten rund um die Uhr, der Ihre Produkte und Richtlinien kennt.
→ Kostenlos starten — ohne Kreditkarte
In 5 Minuten eingerichtet. 100 Nachrichten/Monat gratis. DSGVO-konform, Hosting in Deutschland.