Live-Chat in WordPress DSGVO-konform einbinden — Schritt für Schritt

1. Widget anlegen

Nach der Registrierung legt der Einrichtungsassistent ein Widget an. Ihren Widget-Schlüssel (beginnt mit pk_) und den Schnipsel finden Sie im Dashboard unter Chat-Systeme → Widgets → Ihr Widget → Installation.

2. Mit dem SilentChat-Plugin einbinden (empfohlen)

Unser Plugin ist kostenlos und läuft ab WordPress 6.3 und PHP 7.4. Es steht noch nicht im WordPress-Verzeichnis; Sie laden es direkt bei uns: silentchat.zip.

1. Unter Plugins → Neues Plugin hinzufügen → Plugin hochladen die ZIP-Datei einspielen und aktivieren.
2. Unter Einstellungen → SilentChat den Widget-Schlüssel eintragen (beginnt mit pk_) und speichern. Ohne Schlüssel lädt das Plugin nichts.

Dort können Sie den Chat außerdem auf einzelnen Seiten ausblenden (z. B. /kasse/*) und ihn erst auf Klick laden (Schritt 5). Updates bietet das Plugin wie gewohnt unter Plugins an. Einwilligung und KI-Kennzeichnung stellen Sie weiterhin im Dashboard ein (Schritt 4).

3. Ohne Plugin: Schnipsel einfügen

Ihr Schnipsel aus dem Dashboard steht in einer Zeile und trägt zusätzlich eine Versionsangabe (?v=…); im Kern sieht er so aus:

<script
  src="https://cdn.silentchat.de/silentchat.min.js"
  data-widget-key="pk_IHR_WIDGET_KEY"
  data-api-url="https://api.silentchat.de"
  data-ws-url="wss://ws.silentchat.de"
  async
></script>

1. Mit einem Header-/Footer-Plugin: etwa WPCode. Den Schnipsel in den Fußbereich einfügen und speichern — das übersteht Theme-Wechsel und Updates.
2. Alternativ: in die footer.php eines Child-Themes vor </body>. Ohne Child-Theme ist die Änderung beim nächsten Theme-Update weg.

4. Datenschutz im Widget einstellen

Im Dashboard unter Chat-Systeme → Widgets → Ihr Widget → Datenschutz:

• Rechtliches: Adressen Ihrer Datenschutzerklärung und Ihres Impressums eintragen. Sie erscheinen im Einwilligungshinweis.
• Einwilligung erforderlich: Vor dem Chat erscheint ein Hinweis mit diesen Links; erst nach der Zustimmung entstehen Sitzung und Kennung.
• KI-Kennzeichnung: standardmäßig an — Besucher sehen, dass eine KI antwortet (Art. 50 KI-Verordnung).

Das Widget setzt in keiner Einstellung Cookies. Vor dem ersten Chat legt es keine Kennung an, es sei denn, der Besucher hat der Live-Besucher-Anzeige zugestimmt (Schritt 6). Im Browser stehen sonst höchstens Merker wie „Begrüßung schon gesehen“ oder Einstellungen wie Ton aus und Sprachwahl.

5. Optional: erst auf Klick laden

Wer vermeiden möchte, dass das Widget schon beim Seitenaufruf unsere Chat-Schnittstelle anspricht, lädt es erst auf Klick. Bis dahin lädt der Browser nur die Skriptdatei von cdn.silentchat.de — dabei erreichen IP-Adresse und Browserangaben unseren Server wie bei jeder Datei. Konfiguration, Sitzung und Verbindung entstehen erst beim Klick.

• Mit Plugin: unter Einstellungen → SilentChat „Erst auf Klick laden“ anhaken.
• Ohne Plugin: unter Installation den Modus „Click-to-Open“ wählen, speichern und den Schnipsel neu kopieren (Zusatz data-mode="trigger").

Es gibt dann keinen schwebenden Chat-Knopf. Geöffnet wird der Chat über einen Link — mit dem Plugin per Shortcode [silentchat_link text="Chat starten"] oder als Menüpunkt auf #silentchat-open, sonst so:

<a href="#" data-silentchat-open>Chat starten</a>

6. Consent-Tool einstellen

• Borlabs Cookie, Real Cookie Banner, Complianz: Diese Tools blockieren in der Regel nur Dienste, die sie kennen oder die Sie eintragen. Soll SilentChat erst nach Zustimmung laden, legen Sie dort einen Dienst bzw. eine Skript-Regel für cdn.silentchat.de an — das gilt auch beim Plugin, denn es bindet ein normales Skript-Tag ein.
• Live-Besucher-Anzeige: Soll Ihr Team Besucher schon vor der ersten Nachricht sehen, braucht das eine Einwilligung. Schalten Sie sie im Dashboard unter Ihr Widget → Datenschutz → Presence-Tracking ein (Vorgabe: aus) und wählen Sie als Quelle „Externes Consent-Tool“. Ihr Consent-Tool meldet die Zustimmung dann über die JavaScript-Schnittstelle:

window.SilentChat.setConsent('presence_tracking', true);  // Zustimmung
window.SilentChat.revokeConsent('presence_tracking');      // Widerruf

7. Datenschutzerklärung ergänzen

Welche Angaben hineingehören, samt Mustertext, steht in Chatbot auf der Website: Was muss in die Datenschutzerklärung?. Den Auftragsverarbeitungsvertrag schließen Sie im Dashboard ab.

8. Testen

1. Seite in einem privaten Fenster öffnen.
2. Entwicklerwerkzeuge → Anwendung → Cookies: Von SilentChat steht dort nichts.
3. Chat öffnen, Einwilligungshinweis und KI-Kennzeichnung prüfen, eine Testnachricht schicken — sie erscheint im Dashboard unter Konversationen.

Häufige Stolpersteine

• Widget erscheint nicht: Seiten-Cache leeren (WP Rocket, W3 Total Cache). Optimierungs-Plugins, die Skripte bündeln oder verzögern, sollen silentchat.min.js auslassen.
• Doppelt geladen: SilentChat steckt im SilentChat-Plugin und zusätzlich als Schnipsel (WPCode, Theme) — eine Stelle entfernen.
• Domain-Schutz: Haben Sie im Dashboard die erlaubten Domains eingeschränkt, muss Ihre WordPress-Domain dabei sein, sonst lehnt der Server ab (Konsole: „Domain-Schutz“).
• Content-Security-Policy: Steht cdn.silentchat.de nicht in script-src, lädt der Browser das Skript nicht; die Konsole nennt den Grund.

Preise und Tarife: silentchat.de/pricing. Einen dauerhaft kostenlosen Tarif gibt es, KI ab 19 € im Monat.