Skip to Content
DocumentationPwaPush Notification

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

  1. Select Target

    • All Users: Sends to every user who installed your PWA
  2. 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
  3. 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
  4. 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).
  5. 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).
  6. 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

PlatformBrowserImageIconBadge
AndroidChromeOOO
AndroidFirefoxOOX
AndroidOther BrowsersOOX
iOSSafariXOX
macOSSafariXOX
macOSChromeXOX
macOSFirefoxOOX
macOSOther BrowsersOOX
WindowsChromeOOX
WindowsFirefoxOOX
WindowsEdgeOOX
WindowsOther BrowsersOOX

Use Cases

  • Promotional campaigns
  • New feature announcements
  • System maintenance alerts
  • (Available Soon) Personalized engagement by topic
Last updated on