Web Push in 5 Minuten einrichten: Schritt für Schritt

28 Oktober, 2026 • Ratgeber • 2 Aufrufe • 1 Minuten gelesen

Website anlegen, Pixel-Code einbauen, Service Worker hochladen und die erste Benachrichtigung senden. Die Anleitung für WebPusher.

Die Einrichtung dauert nur wenige Minuten und kommt ohne Programmierung aus. So gehen Sie vor.

Schritt 1: Webseite anlegen

Im Dashboard unter Webseiten auf Webseite hinzufügen klicken, Namen und Domain eintragen (zum Beispiel www.beispiel.de). Achten Sie darauf, die Schreibweise der Domain so zu wählen, wie Ihre Seite tatsächlich aufgerufen wird.

Schritt 2: Service Worker hochladen

Nach dem Anlegen öffnet sich die Installationsanleitung. Laden Sie die Datei pusherapp.js herunter und legen Sie sie in das Hauptverzeichnis Ihrer Webseite. Sie muss unter https://ihre-domain.de/pusherapp.js erreichbar sein.

Schritt 3: Pixel-Code einfügen

Kopieren Sie das Code-Snippet und fügen Sie es vor dem schließenden </head>-Tag Ihrer Seite ein:

<script defer src="https://push.hallo-webseite.de/pixel/IHR-PIXEL-KEY.js"></script>

Bei WordPress, Shop-Systemen oder Baukästen geht das meist über „Header-Code“ in den Einstellungen.

Schritt 4: Widget anpassen

Unter Abonnieren-Widget legen Sie Titel, Beschreibung, Buttons und Bild fest. Wählen Sie auch, wann das Widget erscheint, zum Beispiel nach einer bestimmten Zahl an Seitenaufrufen.

Schritt 5: Testen und senden

Rufen Sie Ihre Seite auf und stimmen Sie dem Widget zu.
Sie erscheinen unter Abonnenten.
Legen Sie unter Kampagnen eine Nachricht an und senden Sie sie an sich selbst.

Wenn es nicht klappt

Ist pusherapp.js im Browser abrufbar (kein 404)?
Läuft die Seite über HTTPS?
Haben Sie im Browser früher Benachrichtigungen blockiert? Dann in den Seiteneinstellungen zurücksetzen.