ChatGPT in die Website integrieren — richtig statt nur schnell.
Ein Chatfenster mit ChatGPT auf der eigenen Website ist in zehn Minuten eingebaut. Ein Assistent, der korrekt über deine Produkte Auskunft gibt, nichts erfindet, den Datenschutz einhält und nicht plötzlich hunderte Euro kostet, braucht mehr Überlegung. Hier steht, welche Wege es gibt und wie du den richtigen wählst.
Es gibt drei Wege: fertiges Chat-Widget eines Anbieters (schnell, wenig Kontrolle), eigene Anbindung an die OpenAI-API (flexibel, volle Kontrolle) und Assistent mit eigenem Wissen per RAG (antwortet auf Basis deiner Inhalte). Wichtig in jedem Fall: Der API-Schlüssel gehört auf den Server, nie in den Browser. Es braucht eine Kostenbremse, einen Hinweis, dass es eine KI ist, und klare Grenzen, worüber der Assistent spricht.
Wofür ein KI-Assistent auf der Website.
- Produktberatung: „Welches Modell passt für 40 Quadratmeter?“ statt Filter und Tabellen.
- Häufige Fragen: Öffnungszeiten, Lieferzeiten, Ablauf, Preise — rund um die Uhr.
- Vorqualifizierung: Der Assistent stellt die richtigen Rückfragen und übergibt eine vollständige Anfrage an dein Team.
- Dokumentation: Anleitungen, Handbücher und technische Daten verständlich erklären.
Weniger sinnvoll ist ein Assistent auf einer kleinen Website mit fünf Seiten und wenigen Anfragen — dort hilft eine gute FAQ mehr.
Drei Wege im Vergleich.
| Fertiges Widget | Eigene API-Anbindung | Assistent mit eigenem Wissen | |
|---|---|---|---|
| Aufwand | Gering | Mittel | Mittel bis hoch |
| Kontrolle über Verhalten | Begrenzt | Voll | Voll |
| Antwortet über deine Inhalte | Oft mit Upload-Funktion | Nur mit Zusatzarbeit | Ja, gezielt |
| Datenschutz | Je nach Anbieter prüfen | Selbst gestaltbar | Selbst gestaltbar |
| Laufende Kosten | Monatliche Gebühr plus Nutzung | Nur Nutzung | Nutzung plus Hosting |
| Geeignet für | Schneller Test | Individuelle Abläufe | Beratung, Support, Dokumentation |
Wie es technisch funktioniert.
Der Besucher tippt eine Frage in das Chatfenster. Das Fenster schickt sie nicht direkt an OpenAI, sondern an deinen eigenen Server — bei WordPress etwa an einen eigenen Endpunkt. Der Server fügt die Anweisungen hinzu (Rolle, Tonfall, Grenzen), ergänzt passende Inhalte aus deiner Website und schickt alles mit dem geheimen API-Schlüssel an das Sprachmodell. Die Antwort geht zurück ins Chatfenster, am besten Wort für Wort gestreamt, damit sich der Assistent flüssig anfühlt. Wie das in WordPress aussieht: OpenAI-API in WordPress einbinden.
// Der Browser ruft /api/chat auf — der Schlüssel bleibt auf dem Server
import express from 'express';
import OpenAI from 'openai';
const app = express();
app.use(express.json({ limit: '10kb' }));
const openai = new OpenAI({ apiKey: process.env.OPENAI_API_KEY });
app.post('/api/chat', async (req, res) => {
const frage = String(req.body.frage || '').slice(0, 1000); // Länge begrenzen
const antwort = await openai.responses.create({
model: 'gpt-4.1-mini',
instructions: 'Du bist der Assistent von Beispiel GmbH. Antworte nur zu unseren Produkten, '
+ 'kurz und auf Deutsch. Wenn du etwas nicht weißt, verweise auf das Kontaktformular.',
input: frage,
max_output_tokens: 400,
});
res.json({ antwort: antwort.output_text });
});
app.listen(3000);Modellname und Parameter nach aktuellem Angebot des Anbieters wählen. In der Praxis kommen Ratenbegrenzung pro Besucher, Protokollierung und Fehlerbehandlung dazu.
Eigenes Wissen statt Allgemeinwissen.
Ein Sprachmodell kennt deine Preise, Produkte und Abläufe nicht. Fragt ein Besucher danach, rät es — und klingt dabei überzeugend. Die Lösung heißt RAG: Vor jeder Antwort sucht das System die passenden Abschnitte aus deinen Inhalten heraus, etwa aus Produktseiten, FAQ und Handbüchern, und gibt sie dem Modell mit. Die Antwort basiert dann auf deinen Texten, im besten Fall mit Quellenangabe. Das ist der Unterschied zwischen einem Spielzeug und einem nützlichen Assistenten. Ausführlich: KI-Assistent entwickeln lassen und RAG-System.
Grenzen setzen und falsche Antworten vermeiden.
- Klarer Auftrag: Worüber spricht der Assistent, worüber nicht? Keine Rechtsberatung, keine Zusagen zu Preisen ohne Quelle, keine Themen außerhalb des Angebots.
- „Weiß ich nicht“ erlauben: Lieber an einen Menschen übergeben als etwas erfinden.
- Quellen anzeigen: Links zu den Seiten, auf denen die Antwort beruht.
- Testfragen: Vor dem Start 50 bis 100 echte Fragen durchspielen, auch fiese.
- Missbrauch einplanen: Manche Besucher versuchen, den Assistenten zu anderen Themen zu bringen oder die Anweisungen auszulesen. Die Anweisungen müssen damit rechnen, und nichts Vertrauliches gehört hinein.
Kosten und Kostenbremse.
Abgerechnet wird nach verarbeiteter Textmenge. Mit einem kleinen, günstigen Modell kostet eine typische Frage mit Antwort nur Bruchteile eines Cents, bei großen Modellen und viel mitgeschicktem Kontext mehr. Für eine normale Unternehmenswebsite bleiben die Nutzungskosten meist im niedrigen zweistelligen Bereich pro Monat. Wichtig ist eine Kostenbremse: Monatslimit im Konto des Anbieters, begrenzte Länge von Frage und Antwort, Begrenzung der Anfragen pro Besucher und Schutz vor Bots. Einmalige Entwicklungskosten: Kosten einer KI-Integration.
Datenschutz und Kennzeichnung.
Was Besucher in das Chatfenster tippen, landet beim Anbieter des Modells. Deshalb: Anbieter mit Auftragsverarbeitungsvertrag wählen, Hinweis in der Datenschutzerklärung, keine sensiblen Daten abfragen, Protokolle nur so lange wie nötig speichern. Seit dem 2. August 2026 verlangt die europäische KI-Verordnung, dass Nutzer erkennen, dass sie mit einer KI sprechen — ein gut sichtbarer Hinweis im Chatfenster erfüllt das. Mehr: KI und Datenschutz. Der Ratgeber ersetzt keine Rechtsberatung.
Messen, ob es sich lohnt.
Nach dem Start zählen: Wie viele Gespräche gibt es? Wie viele enden mit einer Anfrage oder einem Kauf? Welche Fragen kann der Assistent nicht beantworten? Die letzte Liste ist Gold wert — sie zeigt, welche Inhalte auf der Website fehlen. Nach ein paar Wochen lässt sich entscheiden, ob der Assistent bleibt, ausgebaut oder durch eine bessere FAQ ersetzt wird.
Wie ich helfen kann.
Ich baue KI-Assistenten für Websites und WordPress — mit eigenem Wissen, Kostenbremse und Datenschutz. Den Überblick über alle Themen gibt die Seite KI-Integration für Unternehmen, Preisrahmen stehen unter Kosten einer KI-Integration. Für Unternehmen im Raum Osnabrück: KI-Beratung Osnabrück.
Wer dahinter steht.
Ich bin Manuel Killert, Web- und KI-Entwickler aus Quakenbrück. Ich verbinde Sprachmodelle wie die von OpenAI und Anthropic mit Websites, WordPress, Shops und bestehender Software — über Schnittstellen, eigene Plugins und Automatisierungen mit Werkzeugen wie n8n. Für Unternehmen im Raum Osnabrück bin ich auch vor Ort erreichbar, alle anderen Projekte laufen remote. Ich sage dir ehrlich, wenn eine Aufgabe ohne KI besser gelöst ist.
KI in echten Projekten.
Ein eigener KI-Rezeptgenerator im Live-Betrieb und der Webauftritt eines KI-Unternehmens.
FAQ — ChatGPT in die Website integrieren.
Wie integriere ich ChatGPT in meine Website?
Entweder mit einem fertigen Chat-Widget eines Anbieters, mit einer eigenen Anbindung an die OpenAI-API über den eigenen Server oder als Assistent mit eigenem Wissen per RAG, der auf Basis deiner Inhalte antwortet.
Darf der API-Schlüssel im JavaScript der Website stehen?
Nein. Der Schlüssel gehört auf den Server. Der Browser schickt die Frage an einen eigenen Endpunkt, und erst der Server ruft mit dem Schlüssel das Sprachmodell auf. Sonst kann jeder den Schlüssel auslesen und auf deine Kosten nutzen.
Was kostet ein ChatGPT-Assistent auf der Website?
Die Nutzungskosten liegen für normale Unternehmenswebsites meist im niedrigen zweistelligen Euro-Bereich pro Monat. Die Entwicklung beginnt als Prototyp bei etwa 2.500 Euro. Eine Kostenbremse mit Limits gehört immer dazu.
Wie verhindere ich, dass der Assistent falsche Antworten gibt?
Mit eigenem Wissen per RAG, einem klaren Auftrag, der Erlaubnis zu sagen, dass er etwas nicht weiß, Quellenangaben und umfangreichen Tests vor dem Start.
Muss ich kennzeichnen, dass es eine KI ist?
Ja. Seit dem 2. August 2026 verlangt die europäische KI-Verordnung, dass Nutzer erkennen, dass sie mit einer KI interagieren. Ein sichtbarer Hinweis im Chatfenster erfüllt das.
Lohnt sich ein KI-Assistent für jede Website?
Nein. Bei kleinen Websites mit wenigen Anfragen hilft eine gute FAQ mehr. Sinnvoll ist ein Assistent bei vielen wiederkehrenden Fragen, erklärungsbedürftigen Produkten oder umfangreicher Dokumentation.
Das bin ich – rechts im BildErzähl mir, was die KI erledigen soll.
Beschreib kurz die Aufgabe oder den Ablauf, der dich Zeit kostet — du bekommst eine ehrliche Einschätzung, ob und wie KI hilft und was es kostet.
Antwort meist innerhalb von 24 Stunden · hallo@manuelkillert.de