Push Notifications 🔒 Premium
Push notifications allow you to send timely updates, alerts, or announcements to users—even when the app is closed. This feature helps increase user engagement and retention by delivering messages directly to the system tray or browser notification center.
How It Works
-
Select Target
- All Users: Sends to every user who installed your PWA
-
Compose Message
- Title: This appears as the notification heading
- Message Content: The body of your message
- Optionally, your system can also attach an icon image
-
Redirect URLs
- Click Action URL: The destination page that opens when the user taps or clicks the notification.
- Fallback Handling: If the provided URL is invalid or unavailable, the notification redirects users to your project’s default domain page.
Examples
- Subpage redirect:
https://yourdomain.com/subpage
- Full external redirect:
https://www.google.com
→ opens Google’s homepage
-
Attach an Icon
You can attach an icon to push message for branding.
- Supported formats:
.png
- Recommended size: under 100KB
- Recommended dimensions: at least 192×192px
- You can use an icon generator to create properly sized icons that fit web push notification requirements (Notification Icon Generator ).
- Supported formats:
-
Attach an Image
You can attach an image to make your notification more engaging.
- Supported formats:
.jpeg (.jpg)
- Recommended size: under 300KB
- Recommended dimensions: at least 360×180px
- ⚠️ Image rendering differs between desktop and mobile — test aspect ratios before use
- ❌ Images are not displayed in macOS Chrome (see Google Chrome Web Push transition notice ).
- Supported formats:
-
Send Message
After composing, click Send Message to broadcast.
⚠️ Keep in mind that push messages may take a few minutes to reach users, depending on the browser’s push service and network conditions
Prerequisite
🔒
Users must your web app and allowed notification permissions to receive push messages.
Platform Support
Platform | Browser | Image | Icon | Badge |
---|---|---|---|---|
Android | Chrome | O | O | O |
Android | Firefox | O | O | X |
Android | Other Browsers | O | O | X |
iOS | Safari | X | O | X |
macOS | Safari | X | O | X |
macOS | Chrome | X | O | X |
macOS | Firefox | O | O | X |
macOS | Other Browsers | O | O | X |
Windows | Chrome | O | O | X |
Windows | Firefox | O | O | X |
Windows | Edge | O | O | X |
Windows | Other Browsers | O | O | X |
Use Cases
- Promotional campaigns
- New feature announcements
- System maintenance alerts
- (Available Soon) Personalized engagement by topic
Last updated on