Warum die meisten Unternehmen zu lange warten
"Wir brauchen erst unsere IT-Abteilung." "Das muss ein Entwickler machen." "Das dauert Wochen."
Diese Sätze hören wir oft. Und sie stimmen nicht mehr — zumindest nicht für moderne KI-Agenten die als SaaS-Lösung bereitgestellt werden.
Ein Chatbot der auf deiner Website läuft, Kundenfragen beantwortet, Leads erfasst und Support-Tickets erstellt — der ist heute in unter 30 Minuten live. Ohne Entwickler. Ohne IT-Ticket. Ohne Agenturkosten.
Hier ist wie das konkret geht.
Was du brauchst bevor du startest
Bevor du loslегst brauchst du drei Dinge:
1. Ein Konto bei einer KI-Chatbot-Plattform
orain.ai bietet eine 30-tägige kostenlose Testphase — keine Kreditkarte nötig. Konto anlegen dauert unter 2 Minuten.
2. Deine Wissensbasis
Das sind die Dokumente aus denen dein Agent lernen soll — Produkthandbücher, FAQs, Preislisten, deine Website-URL. orain.ai unterstützt PDF, DOCX, XLSX, PPTX, TXT und direkte URL-Einbindung. Mehr dazu in der Dokumentation.
3. Zugriff auf deine Website
Du brauchst die Möglichkeit einen kurzen JavaScript-Snippet in den HTML-Code deiner Website einzufügen — entweder direkt oder über einen Tag Manager wie Google Tag Manager. Das ist in der Regel ein Copy-Paste-Job ohne Programmierkenntnisse.
Schritt 1: Konto anlegen und Chatbot erstellen
Geh auf app.orain.ai/signup und lege dein Konto an. Nach dem Login landest du im Dashboard.
Klick auf "Neuen Chatbot erstellen" und vergib einen Namen — zum Beispiel "Website Agent" oder "Support Bot". Das ist nur für deine interne Übersicht.
Danach wählst du den Agenten-Typ:
Support Agent — beantwortet Kundenanfragen, erkennt wann ein Fall eskaliert werden muss und erstellt automatisch strukturierte Tickets. Ideal für Unternehmen die hauptsächlich Supportanfragen automatisieren wollen.
Sales Agent — erkennt Kaufabsicht, erfasst Lead-Daten über benutzerdefinierte Felder und bucht Termine direkt in den Google Kalender. Ideal für Unternehmen die Leads qualifizieren und Demos buchen wollen.
Du kannst beide Typen parallel betreiben — auf verschiedenen Seiten deiner Website oder für verschiedene Zielgruppen.
Schritt 2: Wissensbasis hochladen
Das ist der wichtigste Schritt — und gleichzeitig der einfachste.
Geh im Dashboard auf "Wissensbasis" und lade deine Dokumente hoch. Du kannst mehrere Dateien gleichzeitig hochladen. orain.ai unterstützt:
PDF — Produkthandbücher, technische Dokumentationen, Verträge
DOCX — interne FAQs, Support-Richtlinien, Prozessdokumente
XLSX — Fehlercodes, Preislisten, strukturierte Datentabellen
PPTX — Onboarding-Präsentationen, Schulungsunterlagen
URL — direkte Anbindung an deine bestehende Website oder Help-Center
Was passiert im Hintergrund: Die Inhalte werden automatisch in kleine Abschnitte aufgeteilt, in eine Vektordatenbank gespeichert und für die KI zugänglich gemacht. Das ist die RAG-Technologie hinter dem Agenten — sie sorgt dafür dass er präzise aus deinen eigenen Dokumenten antwortet statt Antworten zu erfinden.
Das Training dauert je nach Dateigröße zwischen 30 Sekunden und wenigen Minuten.
Schritt 3: Agenten konfigurieren
Jetzt gibst du dem Agenten seine Persönlichkeit und seine Aufgabe — in einfachem Deutsch, kein Code nötig.
System Prompt: Beschreibe in einem oder zwei Sätzen was der Agent tun soll. Zum Beispiel: "Du bist der KI-Assistent von Muster GmbH. Du beantwortest Fragen zu unseren Produkten und leitest Interessenten an unser Vertriebsteam weiter."
Benutzerdefinierte Felder: Definiere welche Informationen der Agent beim Nutzer abfragen soll — Name, E-Mail, Telefonnummer, Art des Anliegens. Der Agent fragt diese Informationen im Gesprächsverlauf natürlich ab — nicht als starres Formular.
Greeting Messages: Lege fest wie der Agent den Nutzer begrüßt. Zum Beispiel: "Hallo! Ich bin der Assistent von Muster GmbH — wie kann ich helfen?"
Schritt 4: Widget anpassen
Jetzt kommt der visuelle Part. Unter "Chatbot-Stil" kannst du das Widget an dein Corporate Design anpassen:
Farben — Primärfarbe, Hintergrund, Textfarbe
Position — rechts unten, links unten
Avatar — Logo oder Icon
Widget-Titel — der Name der im Chat-Header erscheint
Das Ergebnis ist ein Widget das aussieht als wäre es für deine Website gebaut worden — nicht wie ein generischer Drittanbieter-Bot.
Schritt 5: Widget-Code in die Website einbinden
Das ist der einzige technische Schritt — und er dauert unter 2 Minuten.
Unter "Training & Einbettung" findest du einen kurzen JavaScript-Snippet. Der sieht ungefähr so aus:
<script>
(function(w,d,s,o){
w['orainWidget']=o;
var f=d.getElementsByTagName(s)[0];
var j=d.createElement(s);
j.async=true;
j.src='https://widget.orain.ai/widget.js';
j.setAttribute('data-id','DEIN-BOT-ID');
f.parentNode.insertBefore(j,f);
})(window,document,'script','orain');
</script>
Option A: Direkt in den HTML-Code
Füge den Snippet kurz vor dem schließenden </body> Tag deiner Website ein. Das geht in jedem CMS — WordPress, Webflow, Shopify, Squarespace, Wix.
Option B: Über Google Tag Manager
Geh in deinen Google Tag Manager, erstelle ein neues Tag vom Typ "Benutzerdefiniertes HTML", füge den Snippet ein und setze den Trigger auf "Alle Seiten". Veröffentlichen — fertig.
Option C: Über deine Agentur oder deinen Entwickler
Schick den Snippet per E-Mail mit der Anweisung: "Bitte kurz vor dem schließenden Body-Tag auf allen Seiten einbinden." Das ist ein 5-Minuten-Job.
Schritt 6: Trainieren und testen
Klick auf "Training starten" — der Agent verarbeitet jetzt deine Wissensbasis. Danach öffnest du die Vorschau und testest ein paar Fragen.
Was du testen solltest:
Eine typische Kundenanfrage zu deinem Produkt
Eine Frage zu der du keine Antwort in der Wissensbasis hast — der Agent sollte das ehrlich kommunizieren statt etwas zu erfinden
Eine Anfrage die einen Lead erfassen soll — prüfe ob die benutzerdefinierten Felder korrekt abgefragt werden
Schritt 7: Webhook und CRM anbinden (optional)
Wenn du möchtest dass Lead-Daten und Support-Tickets automatisch in dein CRM oder deinen Helpdesk landen, kannst du unter "Webhook-Integration" eine Webhook-URL hinterlegen.
Bei jedem neuen Lead oder Ticket sendet orain.ai automatisch einen HMAC-signierten Payload an dein System — mit allen erfassten Daten strukturiert und sofort verarbeitbar. Mehr dazu in der Webhook-Dokumentation.
Für Entwickler die tiefer einsteigen wollen steht die vollständige REST API zur Verfügung.
Auf welchen Website-Systemen funktioniert das?
Der Widget-Snippet funktioniert auf allen gängigen Systemen:
WordPress — Snippet in den Theme-Footer oder über ein Plugin wie "Insert Headers and Footers" einbinden.
Webflow — unter Project Settings → Custom Code → Footer Code einfügen.
Shopify — unter Online Store → Themes → Edit Code → theme.liquid kurz vor </body> einfügen.
Squarespace — unter Settings → Advanced → Code Injection → Footer.
Wix — unter Settings → Custom Code → Body einfügen.
Jedes andere CMS — solange du Zugriff auf den HTML-Code hast funktioniert der Snippet.
Was kostet ein Chatbot auf der Website?
Die kurze Antwort: deutlich weniger als die meisten erwarten.
orain.ai startet bei 59 € pro Monat — inklusive unbegrenzter Team-Mitglieder, EU-Hosting auf Microsoft Azure und vollständiger API-Integration. Einen detaillierten Kostenvergleich findest du in unserem Artikel KI Chatbot für die Website: Was kostet es wirklich?
Zum Vergleich: Chatbase startet bei 40 $/Monat, hostet aber auf US-Servern. moinAI bietet EU-Hosting ab 475 €/Monat. Tidio hat Live-Chat-Funktionen, begrenzt aber die Agenten-Anzahl.
Häufige Fragen beim Einbinden
Brauche ich einen Entwickler?
Nein. Der Snippet ist ein Copy-Paste-Job. Wenn du Zugriff auf deinen Google Tag Manager hast, brauchst du noch nicht mal Zugriff auf den Website-Code.
Verlangsamt der Chatbot meine Website?
Nein. Das Widget wird asynchron geladen — es blockiert nicht das Laden der übrigen Seiteninhalte.
Kann ich den Chatbot auf mehreren Seiten einbinden?
Ja. Der Snippet gilt für alle Seiten auf denen er eingebunden ist. Du kannst auch verschiedene Agenten auf verschiedenen Seiten einbinden — zum Beispiel einen Sales Agent auf der Pricing-Seite und einen Support Agent auf der Help-Seite.
Was passiert mit den Daten meiner Nutzer?
Alle Daten werden ausschließlich auf Microsoft Azure in der EU gespeichert und verarbeitet — DSGVO-konform, ohne Datentransfer in Drittländer.
Fazit: 30 Minuten bis zum ersten Live-Gespräch
Einen KI-Chatbot auf der Website einzubinden ist 2026 kein IT-Projekt mehr. Es ist ein Setup-Job der in einer halben Stunde erledigt ist — wenn du die richtige Plattform nutzt.
Was du danach hast: einen Agenten der rund um die Uhr Fragen beantwortet, Leads erfasst und Support-Tickets erstellt — auf Basis deiner eigenen Wissensbasis, EU-gehostet und DSGVO-konform.
30 Tage kostenlos testen — keine Kreditkarte · Demo buchen · Alle Preise ansehen