Ich betreibe mehrere WordPress-Websites. Auf allen habe ich irgendwann Push-Benachrichtigungen eingerichtet — und auf keiner hat es länger als 20 Minuten gedauert, bis die ersten Abonnenten da waren. WordPress ist für Push-Benachrichtigungen gut geeignet, weil die Plattform die Integration erleichtert. Aber die Reihenfolge der Schritte entscheidet darüber, ob es funktioniert oder ob man tagelang Fehler debuggt.
Hier ist der genaue Prozess, den ich auf meinen WordPress-Seiten nutze.
Was du vor dem Start brauchst
Technische Voraussetzungen für Web-Push auf WordPress:
- HTTPS ist Pflicht. Ohne SSL-Zertifikat funktionieren Push-Benachrichtigungen nicht. Der Browser erlaubt Service Worker und Push-Subscriptions nur auf sicheren Verbindungen. Wenn deine Website noch auf HTTP läuft, ist das der erste Schritt — ein kostenloses Let’s-Encrypt-Zertifikat über deinen Hoster einrichten.
- Ein Push-Service-Account oder self-hosted Instanz. Entweder ein SaaS-Anbieter (OneSignal, PushEngage, etc.) oder eine self-hosted Lösung wie PushPro auf eigenem Server.
- Zugriff auf WordPress-Admin und die Möglichkeit, Dateien hochzuladen. Für den Service Worker muss eine JavaScript-Datei im Root-Verzeichnis der Website liegen.
Schritt 1: Service Worker einrichten
Der Service Worker ist eine JavaScript-Datei, die im Hintergrund des Browsers läuft und Push-Nachrichten empfängt. Sie muss im Root-Verzeichnis deiner WordPress-Installation liegen — also unter example.com/service-worker.js, nicht in einem Unterordner.
Wenn du PushPro nutzt, erhältst du die fertige Service-Worker-Datei zum Download. Via FTP oder über den Dateimanager deines Hosters in das Root-Verzeichnis hochladen — neben wp-config.php, nicht in wp-content.
Wichtig: Prüfe danach, ob die Datei erreichbar ist. Im Browser https://example.com/service-worker.js aufrufen. Du solltest JavaScript-Code sehen, keinen 404-Fehler. Wenn du einen 404 bekommst, liegt die Datei im falschen Verzeichnis.
Schritt 2: Push-Script in WordPress einbinden
Das Initialisierungs-JavaScript für Push-Benachrichtigungen muss auf jeder Seite deiner WordPress-Website geladen werden. Die sauberste Methode ohne Plugin-Overhead: in die functions.php des aktiven Themes einfügen:
function pushpro_enqueue_script() {
wp_enqueue_script(
'pushpro-init',
'https://dein-pushpro-server.com/push.js',
array(),
null,
true
);
}
add_action('wp_enqueue_scripts', 'pushpro_enqueue_script');Falls du lieber ein Plugin nutzt: Das PushPro WordPress-Plugin erledigt diesen Schritt automatisch und bietet eine Konfigurationsoberfläche im WordPress-Admin.
Schritt 3: VAPID-Schlüssel konfigurieren
VAPID-Schlüssel (Voluntary Application Server Identification) sind das kryptografische Fundament von Web Push. Sie authentifizieren deinen Server gegenüber dem Browser-Push-Service.
In PushPro werden die VAPID-Schlüssel automatisch beim ersten Start generiert. Im Dashboard unter Einstellungen → VAPID-Schlüssel findest du den öffentlichen Schlüssel, der in der JavaScript-Konfiguration verwendet wird. Du musst nichts manuell generieren — das System erledigt das für dich.
Schritt 4: Opt-in-Prompt konfigurieren
Im PushPro-Dashboard: Einstellungen → Opt-in-Einstellungen. Konfiguriere hier:
- Timing: Wann soll der Soft-Permission-Dialog erscheinen? (Nach X Sekunden / nach X% Scroll / bei Exit-Intent)
- Dialogtext: Titel und Beschreibung des eigenen Dialogs vor dem Browser-Dialog
- Design: Farben, Position (oben / unten / als Modal)
- Häufigkeit: Wie oft soll der Dialog einem Nutzer, der noch nicht abonniert hat, erneut gezeigt werden
Schritt 5: Test-Abonnement durchführen
Öffne deine Website in einem Browser, in dem du noch kein Abonnement hast (oder im Inkognito-Modus). Warte die konfigurierte Zeit ab, bis der Opt-in-Dialog erscheint. Klicke auf Zustimmen. Im Browser-Dialog ebenfalls zustimmen. Gehe zum PushPro-Dashboard — unter Abonnenten solltest du jetzt einen Eintrag sehen.
Sende eine Test-Benachrichtigung: Im Dashboard “Neue Benachrichtigung” → Nur an Test-Abonnenten senden → Titel und Text eingeben → Absenden. Innerhalb von Sekunden sollte die Benachrichtigung auf deinem Desktop erscheinen.
Schritt 6: Automatische Benachrichtigungen für neue Artikel
Das Ziel: Bei jeder neuen Veröffentlichung in WordPress soll automatisch eine Push-Benachrichtigung gesendet werden, ohne dass du manuell eingreifen musst.
Das PushPro WordPress-Plugin erledigt das über einen WordPress-Hook: Beim Statuswechsel eines Posts auf “published” sendet es automatisch eine Benachrichtigung mit dem Post-Titel und einem Link zum Artikel. Im Plugin-Dashboard kannst du das Template dieser automatischen Benachrichtigungen anpassen.
Häufige Probleme und Lösungen
Service Worker 404: Datei liegt im falschen Verzeichnis (muss im Root, nicht in einem Unterordner).
Browser-Dialog erscheint nicht: HTTPS fehlt, oder der Browser hat die Permission bereits abgelehnt (in Browser-Einstellungen zurücksetzen).
Benachrichtigungen kommen nicht an: Browser muss offen sein (oder zumindest im Hintergrund laufen). Bei gesperrten Notifications in den Systemeinstellungen (Windows Fokus-Assistent, macOS Nicht-stören) blockiert das Betriebssystem die Anzeige, nicht der Browser.
0 Abonnenten nach der Einrichtung: Prüfe ob der Service Worker korrekt registriert ist (Chrome DevTools → Application → Service Workers).
Was nach den ersten 15 Minuten passiert
Die ersten Abonnenten kommen schnell — meistens von dir selbst beim Testen. Die ersten echten Abonnenten folgen innerhalb von Stunden bis Tagen, abhängig von deinem Traffic. Für eine WordPress-Website mit 500+ täglichen Besuchern ist eine Abonnentenzahl von 50-100 im ersten Monat realistisch.
Wenn die erste automatische Benachrichtigung nach einem neuen Artikel gesendet wird und Klicks erzeugt — dann funktioniert das System.
Die vollständige Push-Benachrichtigungslösung für WordPress: PushPro.