Visually design how your push notification will appear across Android and iOS devices, and generate the exact Notification API JSON payload needed for your backend.
Body
A web push payload is a JSON object sent from your backend server to a push service (like FCM or Apple Push). When the device receives the message, your Service Worker parses this JSON payload to construct and display the visual notification using the self.registration.showNotification(title, options) API.
The Icon is the main app logo displayed next to the text. The Image is a large, rich media graphic displayed below the text (mostly supported on Android and Windows). The Badge is a tiny, monochrome icon displayed in the Android status bar and the notification header to identify your app.
No. While Web Push notifications are now supported on iOS Safari (16.4+), they are slightly more limited than Android. The standard Notification API on iOS currently does not render large embedded images or custom action buttons, which is why they are omitted from the iOS visual preview.
No. Managing VAPID keys, storing user subscriptions in a database, and handling expired tokens is incredibly tedious. With Progressier, you can build rich push payloads visually from a dashboard and send them to specific users, segments, or everyone at once without writing any code. Sign up for the complete solution.
With Progressier, push notification payloads, user targeting, and delivery, are handled automatically.
Generate PWA See plans