KI-Chatbot Website einbinden: Anleitung und DSGVO-Checkliste

Sie haben sich entschieden, einen KI-Chatbot auf Ihrer Website einzusetzen. Vielleicht, um Patientenanfragen außerhalb der Sprechzeiten aufzufangen. Vielleicht, um Mandantenanfragen vorzuqualifizieren. Oder um Ihrem Team die zwanzig gleichen Fragen pro Tag abzunehmen.

Doch dann stellt sich die Frage: Wie kommt der Chatbot auf die Website? Welche technischen Optionen gibt es? Muss man programmieren können? Und was ist mit dem Datenschutz – gerade wenn es um Patienten- oder Mandantendaten geht?

Dieser Leitfaden beantwortet genau diese Fragen. Schritt für Schritt, ohne Fachjargon, mit konkreten Anleitungen für die gängigsten Website-Systeme. Am Ende wissen Sie, welche Integrationsmethode für Ihre Website die richtige ist, welche DSGVO-Anforderungen Sie erfüllen müssen und welche Fehler Sie vermeiden sollten.

Drei Wege, einen KI-Chatbot auf der Website einzubinden

Bevor Sie einen Chatbot installieren, hilft es zu verstehen, welche technischen Optionen es grundsätzlich gibt. Nicht jede Methode eignet sich für jede Website – und nicht jede erfordert technisches Wissen.

Widget-Integration: Der Standard für die meisten Websites

Die mit Abstand häufigste Methode: Der Chatbot-Anbieter stellt ein kleines Code-Snippet bereit, das Sie in Ihre Website einfügen. Das Snippet lädt ein Widget – meist ein kleines Chat-Symbol unten rechts auf der Seite --, über das Besucher den Chatbot öffnen und Fragen stellen können.

Vorteile:

Kein Programmierwissen nötig. Das Snippet besteht typischerweise aus drei bis fünf Zeilen Code, die Sie an einer einzigen Stelle einfügen.
Funktioniert auf praktisch jeder Website, unabhängig vom Content-Management-System.
Der Chatbot lädt asynchron, das heißt: Er beeinträchtigt die Ladezeit Ihrer Website nicht spürbar.
Updates und Verbesserungen am Chatbot passieren automatisch beim Anbieter – Sie müssen nichts aktualisieren.

Geeignet für: Praxen, Kanzleien, Coaches und kleine Unternehmen, die eine schnelle, unkomplizierte Lösung suchen. Wenn Sie keine Entwicklungsabteilung haben, ist die Widget-Integration in den allermeisten Fällen die richtige Wahl.

iFrame-Einbettung: Der Chatbot als fester Seitenbestandteil

Bei der iFrame-Methode wird der Chatbot nicht als schwebendes Widget eingeblendet, sondern direkt in eine bestimmte Seite Ihrer Website integriert – etwa auf einer Kontaktseite oder einer eigenen “Fragen Sie uns”-Unterseite.

Vorteile:

Der Chatbot ist sichtbar, ohne dass Besucher erst ein Symbol anklicken müssen.
Ideal für Seiten, auf denen die Interaktion im Mittelpunkt steht (z. B. FAQ-Seite, Kontaktseite).
Keine Überlagerung anderer Seitenelemente.

Nachteile:

Der Chatbot ist nur auf der Seite verfügbar, auf der das iFrame eingebettet ist – nicht seitenübergreifend.
Responsives Design (Anpassung an verschiedene Bildschirmgrössen) muss manuell konfiguriert werden.

Geeignet für: Websites, die den Chatbot gezielt auf einer bestimmten Seite platzieren möchten – zum Beispiel als Alternative zu einem Kontaktformular.

API-Integration: Maximale Kontrolle für Entwickler

Die API-Integration ist die technisch anspruchsvollste Methode. Hier kommuniziert Ihre Website direkt mit dem Chatbot-Backend über eine Programmierschnittstelle (API). Das bedeutet: Sie bauen die Chat-Oberfläche selbst und steuern, wie Nachrichten gesendet und empfangen werden.

Vorteile:

Volle Kontrolle über Design, Verhalten und Platzierung des Chatbots.
Integration in bestehende Systeme möglich (z. B. Praxisverwaltungssoftware, CRM).
Eigene Logik vor oder nach der Chatbot-Antwort möglich (z. B. automatische Terminbuchung).

Nachteile:

Erfordert Programmierkenntnisse oder einen Entwickler.
Höhere Einrichtungszeit und Wartungsaufwand.
Nicht jeder Anbieter stellt eine API bereit.

Geeignet für: Unternehmen mit eigener Entwicklungsabteilung oder Agentur, die den Chatbot tief in bestehende Prozesse integrieren möchten.

Welche Methode für Sie die richtige ist

Kriterium	Widget	iFrame	API
Technisches Wissen nötig	Nein	Wenig	Ja
Einrichtungszeit	5-10 Minuten	15-30 Minuten	Tage bis Wochen
Seitenübergreifend	Ja	Nein	Frei konfigurierbar
Design-Anpassung	Begrenzt (Farben, Position)	Mittel	Vollständig
Wartungsaufwand	Keiner	Gering	Hoch

Für die meisten Praxen, Kanzleien und kleinen Unternehmen ist die Widget-Integration der richtige Weg. Sie ist in wenigen Minuten erledigt, funktioniert auf jeder Website und erfordert keine laufende technische Betreuung.

Chatbot einbinden nach CMS: Schritt-für-Schritt-Anleitungen

Die konkrete Vorgehensweise hängt davon ab, mit welchem System Ihre Website erstellt wurde. Hier finden Sie Anleitungen für die vier gängigsten Plattformen.

WordPress: Chatbot per Plugin oder Code-Snippet

WordPress ist das weltweit verbreitetste Content-Management-System – und die Einbindung eines Chatbots ist hier besonders einfach.

Option 1: Per Plugin (empfohlen für Einsteiger)

Viele Chatbot-Anbieter bieten ein eigenes WordPress-Plugin an. Die Installation funktioniert wie bei jedem anderen Plugin:

Melden Sie sich im WordPress-Dashboard an.
Navigieren Sie zu Plugins > Installieren.
Suchen Sie nach dem Plugin Ihres Chatbot-Anbieters.
Klicken Sie auf Jetzt installieren und dann Aktivieren.
Tragen Sie im Plugin Ihren API-Schlüssel oder Ihre Konto-ID ein.
Speichern Sie die Einstellungen – der Chatbot erscheint sofort auf Ihrer Website.

Option 2: Per Code-Snippet (für alle Anbieter)

Falls kein Plugin verfügbar ist, fügen Sie das Widget-Snippet manuell ein:

Navigieren Sie im WordPress-Dashboard zu Design > Theme-Editor (bei neueren Versionen: Design > Theme-Datei-Editor).
Öffnen Sie die Datei footer.php oder nutzen Sie ein Plugin wie “Insert Headers and Footers”.
Fügen Sie das Code-Snippet direkt vor dem schließenden </body>-Tag ein.
Speichern Sie die Datei.

Bei Pagebuildern wie Elementor, Divi oder WPBakery gibt es jeweils eigene Wege, benutzerdefiniertes HTML oder ein Script-Element einzufügen. Im Zweifel reicht eine kurze Suche nach “Custom HTML [Ihr Pagebuilder]”.

Eine ausführliche WordPress-Anleitung mit Screenshots finden Sie in unserem Artikel Chatbot für WordPress einbinden: Schritt-für-Schritt-Anleitung.

Shopify: Chatbot über Theme-Code einfügen

Shopify verwendet ein eigenes Template-System namens Liquid. Die Einbindung eines Chatbots funktioniert trotzdem unkompliziert:

Öffnen Sie im Shopify-Admin den Bereich Onlineshop > Themes.
Klicken Sie bei Ihrem aktiven Theme auf Aktionen > Code bearbeiten.
Öffnen Sie die Datei theme.liquid (das Haupt-Layout Ihres Shops).
Fügen Sie das Widget-Snippet direkt vor </body> ein.
Speichern Sie die Datei.

Alternativ bieten einige Chatbot-Anbieter eine Shopify-App im App Store an. Die Installation ist dann noch einfacher: App installieren, Konto verbinden, fertig.

Wix: Chatbot per Custom Code

Wix bietet eine eigene Funktion für benutzerdefinierten Code:

Öffnen Sie den Wix-Editor Ihrer Website.
Navigieren Sie zu Einstellungen > Benutzerdefinierter Code (im Dashboard unter Marketing & SEO > Benutzerdefinierter Code).
Klicken Sie auf Code hinzufügen.
Fügen Sie das Widget-Snippet ein.
Wählen Sie als Platzierung Body – Ende.
Wählen Sie, auf welchen Seiten der Code geladen werden soll (empfohlen: Alle Seiten).
Speichern und veröffentlichen Sie die Änderungen.

Wichtig bei Wix: Der benutzerdefinierte Code ist nur in Premium-Tarifen verfügbar. Wenn Sie einen kostenlosen Wix-Tarif nutzen, müssen Sie zürst auf einen Bezahltarif wechseln.

Individuelle Websites (HTML/CSS/JS)

Wenn Ihre Website individuell entwickelt wurde – zum Beispiel von einer Webagentur --, ist die Einbindung am einfachsten:

Öffnen Sie die zentrale Layout-Datei Ihrer Website (meist index.html oder ein Basis-Template).
Fügen Sie das Widget-Snippet vor dem schließenden </body>-Tag ein.
Laden Sie die Datei hoch oder deployen Sie die Änderung.

Falls Sie keinen Zugriff auf den Quellcode haben, bitten Sie Ihre Webagentur, das Snippet einzufügen. Der Aufwand beträgt in der Regel weniger als 15 Minuten.

DSGVO-Checkliste: Was Sie beim Einsatz eines KI-Chatbots beachten müssen

Ein Chatbot auf der Website verarbeitet personenbezogene Daten – mindestens die IP-Adresse des Besuchers, oft auch Namen, E-Mail-Adressen oder den Inhalt der Nachrichten. Im Gesundheits- und Rechtsbereich kommen potenziell besonders schützenswerte Daten hinzu. Die DSGVO stellt hier klare Anforderungen.

Auftragsverarbeitungsvertrag (AVV)

Wenn ein externer Chatbot-Anbieter Daten Ihrer Website-Besucher verarbeitet, handelt es sich um Auftragsverarbeitung nach Art. 28 DSGVO. Das bedeutet: Sie benötigen einen Auftragsverarbeitungsvertrag (AVV) mit dem Anbieter.

Was der AVV regeln muss:

Welche Daten verarbeitet werden (z. B. Chat-Nachrichten, IP-Adressen, Zeitstempel)
Zu welchem Zweck die Verarbeitung erfolgt
Wie lange die Daten gespeichert werden
Welche technischen und organisatorischen Schutzmaßnahmen der Anbieter trifft
Was bei Datenpannen passiert

Die meisten seriösen Anbieter stellen den AVV als fertig ausgefülltes Dokument zur Verfügung. Prüfen Sie vor Vertragsabschluss, ob ein AVV angeboten wird – und lesen Sie ihn.

Datenschutzerklärung anpassen

Sobald ein Chatbot auf Ihrer Website aktiv ist, müssen Sie Ihre Datenschutzerklärung entsprechend ergänzen. Folgende Informationen gehören hinein:

Name und Anbieter des Chatbot-Dienstes
Welche Daten erhoben werden (IP-Adresse, Chat-Nachrichten, ggf. E-Mail-Adresse)
Zweck der Verarbeitung (z. B. Beantwortung von Anfragen, Qualifizierung von Anliegen)
Rechtsgrundlage (in der Regel Art. 6 Abs. 1 lit. f DSGVO – berechtigtes Interesse – oder Art. 6 Abs. 1 lit. a DSGVO – Einwilligung)
Speicherdauer der Chat-Daten
Serverstandort (EU oder Drittland)
Hinweis auf den AVV mit dem Anbieter

Einwilligung und Consent-Management

Die Frage, ob für den Chatbot eine aktive Einwilligung (Consent) erforderlich ist, hängt von der technischen Umsetzung ab:

Keine Einwilligung nötig, wenn der Chatbot technisch notwendig ist (z. B. als einziger Kontaktkanal außerhalb der Sprechzeiten) und keine Tracking-Cookies setzt.
Einwilligung nötig, wenn der Chatbot Cookies oder Local Storage für Analyse- oder Marketing-Zwecke nutzt oder Daten an Drittanbieter außerhalb der EU überträgt.

In der Praxis empfiehlt es sich, den Chatbot in Ihr bestehendes Cookie-Consent-Banner zu integrieren – entweder als eigene Kategorie oder als Teil der Kategorie “Funktional”. So sind Sie auf der sicheren Seite.

Serverstandort und Datenverarbeitung

Für Praxen und Kanzleien ist der Serverstandort besonders relevant. Gesundheitsdaten und mandantenbezogene Informationen unterliegen einem erhöhten Schutzniveau.

Die klare Empfehlung: Wählen Sie einen Anbieter, dessen Server in der EU stehen – idealerweise in Deutschland. Damit vermeiden Sie die komplizierte Rechtsgrundlage für Datenübermittlungen in Drittländer (z. B. USA) und die Unsicherheiten nach dem Schrems-II-Urteil.

Gesundheitsdaten: Besondere Vorsicht bei Praxis-Chatbots

Wenn Patienten im Chat Symptome, Diagnosen oder andere gesundheitsbezogene Informationen erwähnen, handelt es sich um besondere Kategorien personenbezogener Daten nach Art. 9 DSGVO. Das bedeutet:

Der Chatbot sollte so konfiguriert sein, dass er keine medizinischen Angaben abfragt oder speichert, die über das für die Terminvereinbarung Nötige hinausgehen.
Die Datenschutzerklärung muss explizit auf die Verarbeitung von Gesundheitsdaten hinweisen.
Die Speicherdauer sollte so kurz wie möglich gehalten werden.

Eine ausführliche Analyse der DSGVO-Anforderungen für den Einsatz eines digitalen Empfangs in Praxen und Kanzleien finden Sie in unserem Artikel Chatbot und DSGVO: Was Praxen und Kanzleien wissen müssen.

DSGVO-Checkliste zum Abhaken

Bevor Sie Ihren Chatbot live schalten, prüfen Sie die folgenden Punkte:

Auftragsverarbeitungsvertrag (AVV) mit dem Anbieter abgeschlossen
Datenschutzerklärung um Chatbot-Abschnitt ergänzt
Serverstandort des Anbieters geprüft (EU empfohlen)
Cookie-Consent-Banner angepasst (falls Cookies gesetzt werden)
Speicherdauer der Chat-Daten festgelegt und dokumentiert
Bei Praxen: Verarbeitung von Gesundheitsdaten berücksichtigt
Bei Kanzleien: Mandantengeheimnis und Berufsrecht berücksichtigt
Informationspflichten nach Art. 13 DSGVO erfüllt (Hinweis im Chat oder in der Datenschutzerklärung)
Recht auf Auskunft und Löschung sichergestellt

Performance: Chatbot und Core Web Vitals

Eine berechtigte Sorge bei der Einbindung externer Scripts: Wird mein Chatbot die Website langsamer machen? Die Antwort hängt davon ab, wie der Chatbot technisch umgesetzt ist.

Warum Ladezeit wichtig ist

Google bewertet die Ladegeschwindigkeit Ihrer Website als Ranking-Faktor. Die drei Core Web Vitals – Largest Contentful Paint (LCP), First Input Delay (FID) und Cumulative Layout Shift (CLS) – messen, wie schnell Ihre Website lädt, wie schnell sie auf Eingaben reagiert und wie stabil das Layout ist.

Ein schlecht integrierter Chatbot kann alle drei Metriken verschlechtern: Er lädt ein großes Script, das den Seitenaufbau blockiert, und verschiebt beim Erscheinen andere Elemente auf der Seite.

Worauf Sie achten sollten

Asynchrones Laden: Das Chatbot-Script sollte asynchron geladen werden – das bedeutet, es blockiert nicht den restlichen Seitenaufbau. Bei den meisten Anbietern ist das bereits Standard. Prüfen Sie, ob im Code-Snippet das Attribut async oder defer vorhanden ist.

Script-Größe: Ein gut optimiertes Chatbot-Widget hat eine Größe von 30 bis 80 Kilobyte. Wenn das initiale Script mehrere hundert Kilobyte groß ist, sollten Sie den Anbieter hinterfragen.

Lazy Loading: Im Idealfall lädt der Chatbot erst dann seine vollständige Funktionalität, wenn ein Besucher das Chat-Widget tatsächlich öffnet. Das initiale Script sollte nur das Symbol und die grundlegende Interaktionslogik enthalten.

Kein Layout Shift: Das Chat-Widget sollte eine feste Position haben (typischerweise unten rechts) und beim Laden keine anderen Seitenelemente verschieben.

So prüfen Sie die Performance nach der Einbindung

Öffnen Sie Google PageSpeed Insights und geben Sie Ihre URL ein.
Vergleichen Sie die Werte vor und nach der Chatbot-Einbindung.
Achten Sie besonders auf den LCP-Wert (sollte unter 2,5 Sekunden liegen) und den CLS-Wert (sollte unter 0,1 liegen).

Wenn die Werte sich nach der Einbindung deutlich verschlechtert haben, prüfen Sie, ob das Script asynchron geladen wird, und kontaktieren Sie den Anbieter.

Häufige Fehler bei der Chatbot-Integration – und wie Sie sie vermeiden

Die technische Einbindung eines Chatbots ist einfach. Die Fehler, die den Unterschied zwischen einem hilfreichen digitalen Empfang und einem nervigen Pop-up machen, liegen oft im Detail.

Fehler 1: Chatbot ohne relevantes Wissen live schalten

Der häufigste Fehler: Der Chatbot ist installiert, weiß aber nichts über Ihr Unternehmen. Er gibt generische Antworten oder – schlimmer – erfindet Informationen. Im Praxis- oder Kanzleikontext kann das Vertrauen kosten.

Lösung: Stellen Sie sicher, dass der Chatbot Zugang zu den Inhalten Ihrer Website hat, bevor Sie ihn live schalten. Seriöse Anbieter lesen Ihre Website automatisch aus und beantworten Fragen nur auf Basis dieser Informationen. Wenn ein Chatbot keine zuverlässigen Antworten auf typische Fragen Ihrer Besucher geben kann, ist er noch nicht bereit.

Mehr darüber, warum Zuverlässigkeit das wichtigste Auswahlkriterium ist, lesen Sie im Artikel KI-Halluzinationen vermeiden: Warum Zuverlässigkeit das wichtigste Kriterium ist.

Fehler 2: DSGVO-Anforderungen ignorieren

Gerade im Gesundheits- und Rechtsbereich kann eine fehlende DSGVO-Konformität ernste Konsequenzen haben – von Abmahnungen bis zu Bußgeldern. Und doch wird der Datenschutz bei der Chatbot-Einbindung oft übersehen.

Lösung: Arbeiten Sie die DSGVO-Checkliste weiter oben in diesem Artikel ab, bevor Sie den Chatbot live schalten. Das dauert eine halbe Stunde und schützt Sie vor rechtlichen Problemen.

Fehler 3: Den Chatbot auf dem Mobilgerät nicht testen

Mehr als 60 Prozent aller Website-Besuche erfolgen heute über Smartphones. Ein Chat-Widget, das auf dem Desktop gut aussieht, kann auf dem Mobilgerät wichtige Inhalte verdecken, schwer zu bedienen sein oder den Bildschirm blockieren.

Lösung: Testen Sie den Chatbot auf mindestens zwei Mobilgeräten (oder nutzen Sie die Geräte-Emulation in den Entwicklertools Ihres Browsers). Achten Sie darauf, dass das Widget nicht den gesamten Bildschirm einnimmt und leicht geschlossen werden kann.

Fehler 4: Zu aggressive Ansprache

Ein Chatbot, der sofort nach dem Seitenaufruf aufpoppt und “Hallo, wie kann ich Ihnen helfen?” fragt, nervt die meisten Besucher. Im Praxis- und Kanzleikontext wirkt das besonders unangemessen.

Lösung: Lassen Sie den Chatbot dezent in der Ecke stehen und warten, bis der Besucher von sich aus klickt. Wenn Sie eine automatische Begrüssung einsetzen möchten, verzögern Sie sie um mindestens 30 Sekunden – und formulieren Sie sie passend zum Kontext Ihrer Website.

Fehler 5: Keine Übergabe an einen Menschen

Kein Chatbot beantwortet alle Fragen. Wenn ein Besucher eine komplexe oder sensible Anfrage hat, muss der Übergang zu einem menschlichen Ansprechpartner reibungslos funktionieren. Ein Chatbot, der bei jeder anspruchsvollen Frage mit “Das kann ich leider nicht beantworten” reagiert, ohne eine Alternative anzubieten, verliert das Vertrauen des Besuchers.

Lösung: Stellen Sie sicher, dass der Chatbot bei Fragen, die er nicht beantworten kann, klar auf den Kontaktweg verweist – Telefonnummer, E-Mail-Adresse oder Kontaktformular. Die Weiterleitung sollte nicht wie ein Fehler wirken, sondern wie ein natürlicher nächster Schritt.

Fehler 6: Einbinden und vergessen

Ein Chatbot ist kein Briefkasten, den man einmal aufstellt. Die Inhalte Ihrer Website ändern sich – neue Öffnungszeiten, neue Behandlungen, neue Mitarbeiter. Wenn der Chatbot veraltete Informationen gibt, schadet er mehr als er hilft.

Lösung: Prüfen Sie regelmäßig (z. B. einmal im Quartal), ob der Chatbot noch aktuelle Informationen liefert. Gute Anbieter aktualisieren das Wissen des Chatbots automatisch, wenn sich Ihre Website ändert. Fragen Sie bei der Auswahl gezielt nach dieser Funktion.

Der schnelle Weg: Digital Rezeption in 5 Minuten einbinden

Wenn Sie die technische Einbindung so einfach wie möglich halten möchten, lohnt sich ein Blick auf Lösungen, die speziell für Nicht-Techniker entwickelt wurden.

Digital Rezeption setzt genau hier an: Sie geben Ihre Website-Adresse ein, und der digitale Empfang lernt automatisch von Ihren bestehenden Inhalten. Innerhalb weniger Minuten beantwortet er Fragen zu Öffnungszeiten, Behandlungsangebot, Kosten und Terminvereinbarung – ohne dass Sie Antworten manuell hinterlegen müssen.

Die Einbindung erfolgt per Widget-Snippet. Bei WordPress genügt ein Plugin. Bei Wix, Shopify oder individuellen Websites fügen Sie das Snippet wie oben beschrieben ein. Der gesamte Vorgang dauert fünf Minuten.

Das Preismodell ist transparent: Der Einstieg ist kostenlos, erweiterte Funktionen gibt es ab 79 Euro pro Monat, ohne Setup-Gebühr und ohne Mindestlaufzeit.

Wie die Einrichtung im Detail funktioniert, zeigt unser Artikel So funktioniert Digital Rezeption: Von der URL zum digitalen Empfang in 5 Minuten.

Fazit: KI-Chatbot auf der Website – einfacher als gedacht

Die technische Einbindung eines KI-Chatbots auf der Website ist kein IT-Projekt. In den meisten Fällen genügt ein Code-Snippet, das Sie in wenigen Minuten einfügen – unabhängig davon, ob Ihre Website mit WordPress, Shopify, Wix oder einem individuellen System erstellt wurde.

Die eigentliche Arbeit liegt nicht in der Technik, sondern in der Vorbereitung: den richtigen Anbieter wählen, die DSGVO-Anforderungen erfüllen und sicherstellen, dass der Chatbot zuverlässige Antworten gibt. Wenn Sie die Checklisten in diesem Artikel abarbeiten, sind Sie auf der sicheren Seite.

Drei Punkte, die Sie mitnehmen sollten:

Technik: Die Widget-Integration ist für 90 Prozent aller Websites die richtige Methode. Kein Programmieren, keine Agentur nötig.
DSGVO: AVV abschließen, Datenschutzerklärung ergänzen, EU-Serverstandort prüfen. Das dauert eine halbe Stunde und schützt vor rechtlichen Problemen.
Qualität: Ein Chatbot, der falsche Informationen gibt, schadet mehr als er hilft. Zuverlässigkeit ist wichtiger als jede Funktion.

Wenn Sie sehen möchten, wie ein digitaler Empfang auf Ihrer Website aussieht: Testen Sie Digital Rezeption kostenlos. Die Einrichtung dauert fünf Minuten – ohne technische Vorkenntnisse und ohne Setup-Kosten.

Weiterführende Artikel: