Zum Inhalt

21. Modul: WhatsApp

Das WhatsApp-Modul blendet auf allen Seiten deiner Website einen runden Chat-Button ein. Ein Klick öffnet eine kleine Sprechblase mit deinem Begrüßungstext und dem Button Chat starten. Darüber gelangen Besucher direkt in einen WhatsApp-Chat mit deiner Nummer, auf Wunsch mit einer vorausgefüllten ersten Nachricht. Bevor eine Verbindung zu WhatsApp entsteht, fragt das Widget ab Werk nach der Einwilligung des Besuchers.

Das Modul ist nur sichtbar, wenn es installiert und in den Modul-Einstellungen aktiviert ist.


Modul aktivieren

WhatsApp ist ein Integrations-Modul ohne eigene Übersichtsseite. Du schaltest es in der Karte Weitere Module ein und aus:

  1. Öffne Einstellungen → Module.
  2. Setze in der Karte Weitere Module den Haken bei WhatsApp Click-to-Chat. Ein grün hinterlegter Eintrag ist eingeschaltet.
  3. Klicke unten auf der Seite auf Einstellungen speichern.

Danach erscheint weiter unten auf derselben Seite die Karte WhatsApp-Widget mit allen Einstellungen. Schaltest du das Modul aus, verschwindet der Chat-Button von der Website, und die Karte WhatsApp-Widget ist nicht mehr zu sehen.

Ohne Telefonnummer kein Button

Auch bei eingeschaltetem Modul erscheint der Chat-Button erst, wenn du eine Telefonnummer eingetragen und gespeichert hast.


Das Widget einrichten

Alle Einstellungen findest du unter Einstellungen → Module in der Karte WhatsApp-Widget. Klicke nach deinen Änderungen unten auf der Seite auf Einstellungen speichern.

Feld Erklärung
Telefonnummer Deine WhatsApp-Nummer, am besten mit Landesvorwahl, z. B. +49 176 1234567. Leerzeichen, Klammern, Bindestriche, das + und ein (0) entfernt das System selbst. Eine Nummer mit führender 0 (z. B. 0176 1234567) gilt als deutsche Nummer. Ohne Nummer erscheint kein Button.
Standard-Nachricht Text, der im WhatsApp-Chat schon vorausgefüllt ist, z. B. „Hallo, ich habe eine Frage...". Der Besucher kann ihn vor dem Absenden ändern. Leer lassen = leeres Eingabefeld.
Position Wo der Button am Bildschirmrand sitzt: Unten rechts oder Unten links.
Verzögerung (Sekunden) Wie viele Sekunden der Button nach dem Laden der Seite wartet, bevor er erscheint. Erlaubt sind Werte von 0 bis 60, ab Werk 3.
Begrüßungstext Text in der Sprechblase über dem Button Chat starten, z. B. „Hallo! Wie können wir Ihnen helfen?".
Auf Mobilgeräten anzeigen Haken gesetzt = der Button erscheint auf Smartphones. Als Mobilgerät zählt ein Bildschirm, der schmaler als 768 Pixel ist.
Auf Desktop anzeigen Haken gesetzt = der Button erscheint auf größeren Bildschirmen.
Einwilligung erforderlich Haken gesetzt = vor der ersten Nutzung fragt das Widget nach der Zustimmung des Besuchers (siehe unten). Ohne Haken erscheint der Chat-Button direkt, ohne Hinweiskasten. Ab Werk eingeschaltet.

Position passend zur Seite wählen

Liegt an der gewählten Ecke schon etwas anderes, z. B. ein Cookie-Hinweis oder ein „Nach oben"-Button, wähle die andere Seite. Prüfe das Ergebnis auf dem Smartphone und am Computer.


Was Besucher sehen

Das Widget erscheint auf jeder Seite der Website an der gewählten Ecke.

Mit Einwilligungspflicht und ohne Zustimmung zeigt das Widget zuerst einen kleinen Hinweiskasten:

  • Überschrift „WhatsApp Chat"
  • Text „Beim Öffnen des Chats werden Daten an WhatsApp (Meta) übertragen."
  • die Buttons Zustimmen und Ablehnen

Nach der eingestellten Verzögerung erscheint darunter zusätzlich der runde grüne Chat-Button.

  • Zustimmen schließt den Kasten und öffnet direkt die Sprechblase.
  • Ablehnen (oder die Taste Esc) schließt den Kasten. Der runde Button bleibt stehen; ein Klick darauf fragt erneut. Auf weiteren Seiten erscheint der Kasten in diesem Browser-Tab nicht von selbst wieder, sondern erst nach einem Klick auf den Button.

Nach der Zustimmung oder ohne Einwilligungspflicht gibt es nur den runden grünen Chat-Button:

  1. Ein Klick auf den Button öffnet die Sprechblase mit deinem Begrüßungstext.
  2. Ein Klick auf Chat starten öffnet WhatsApp in einem neuen Tab bzw. in der WhatsApp-App, mit deiner Nummer und der Standard-Nachricht.
  3. Ein zweiter Klick auf den runden Button oder die Taste Esc schließt die Sprechblase wieder.

Das Widget lässt sich vollständig mit der Tastatur bedienen.


Datenschutz und Einwilligung

WhatsApp gehört zu Meta. Sobald ein Besucher den Chat startet, verlässt er deine Website, und WhatsApp verarbeitet seine Daten. Deshalb ist die Einwilligung ab Werk Pflicht.

  • Wie die Zustimmung gespeichert wird: Klickt ein Besucher auf Zustimmen, legt das Widget ein Cookie namens cms_consent_whatsapp an. Es gilt ein Jahr. Solange es besteht, erscheint der Hinweiskasten nicht erneut.
  • Ablehnen: Lehnt ein Besucher ab, schließt sich der Hinweiskasten. Es wird kein Cookie gesetzt, und es entsteht keine Verbindung zu WhatsApp. Der Browser merkt sich die Ablehnung nur bis zum Schließen des Tabs, damit der Kasten nicht auf jeder Seite erneut aufspringt.
  • Vor der Zustimmung lädt das Widget nichts von WhatsApp. Es ist nur ein Hinweis auf deiner eigenen Website.
  • Datenschutzerklärung: Nenne WhatsApp bzw. Meta dort als Anbieter, mit Zweck, Rechtsgrundlage und Hinweis auf die Übermittlung in Drittländer. Erwähne auch das Cookie cms_consent_whatsapp.

„Einwilligung erforderlich" eingeschaltet lassen

Lass den Haken bei Einwilligung erforderlich gesetzt. Er ist die Grundlage dafür, dass erst nach einer bewussten Entscheidung des Besuchers Daten an WhatsApp gehen. Ohne den Haken erscheint der Chat-Button bei allen Besuchern sofort, und ein Klick auf Chat starten führt ohne Rückfrage zu WhatsApp. Ob das für deine Website zulässig ist, klärst du mit der Person, die deine Datenschutzerklärung verantwortet.


Häufige Fragen

Der Chat-Button erscheint nicht — was tun?

  1. Ist das Modul eingeschaltet? Unter Einstellungen → Module muss in der Karte Weitere Module der Haken bei WhatsApp Click-to-Chat gesetzt sein.
  2. Ist eine Telefonnummer eingetragen und gespeichert?
  3. Sind Auf Mobilgeräten anzeigen bzw. Auf Desktop anzeigen für dein Gerät angehakt?
  4. Hast du lange genug gewartet? Der Button erscheint erst nach der eingestellten Verzögerung in Sekunden.

Der Chat öffnet sich mit der falschen Nummer — was tun?

Prüfe die Telefonnummer auf Tippfehler und auf die Landesvorwahl. Eine Nummer mit führender 0 liest das System als deutsche Nummer: aus 0176 1234567 wird 491761234567. Gehört die Nummer zu einem anderen Land, trage sie mit dessen Vorwahl ein, z. B. +43 664 1234567.


Was du jetzt kannst

  • Du schaltest das WhatsApp-Widget unter Einstellungen → Module in der Karte Weitere Module ein und aus.
  • Du kannst Telefonnummer, Standard-Nachricht und Begrüßungstext hinterlegen.
  • Du kannst Position, Verzögerung und Sichtbarkeit auf Mobilgeräten und Desktop einstellen.
  • Du weißt, wie die Einwilligung funktioniert und wie lange sie gespeichert wird.
  • Du weißt, welche Angaben zu WhatsApp in deine Datenschutzerklärung gehören.