Web Push
Web push allows businesses to send push notifications to anonymous website visitors even when they are not signed up, even when they are not browsing the website and even when the browser is turned off. To receive push notifications, visitors must first opt-in to push notifications on your website.
What Are the Benefits of Web Push?
Reach millions of anonymous website visitors without requiring their user information.
Enjoy high engagement rates and reachability across all devices, from smartphones to desktops.
Dramatically cut costs compared to traditional messaging services like SMS or WhatsApp.
Web Push vs. Other Channels
| Web Push | SMS | Mobile Push | |
|---|---|---|---|
Cost | Low | High | Low |
Reaches anonymous web visitors | Yes | No | No |
App Installation | Not Required | Not Required | Required |
Message Length | Unlimited | Limited | Unlimited |
Devices | -Mobile -PC -Tablet | -Mobile -Tablet | -Mobile |
How Web Push Works
Web push notifications generally follow a three-step process: opt-in, send, and receive.
1. Opt-In
Once all integrations are complete, a subscription pop-up will appear when users visit the website. The language of the pop-up will vary based on the browser's language settings.
If the user clicks Allow, they will automatically opt in to web push notifications, enabling them to receive alerts even after leaving the browser.
2. Send
Once the integrations are complete and users have opted in, you can send push notifications to subscribed devices.
3. Receive
The sent push notifications will be displayed through the browser app (e.g., Google Chrome) that was used to visit the website.
Web Push by OS Type
| Windows PC | macOS | Android | |
|---|---|---|---|
Notification Content | Title, Message, URL, Image | Title, Message, URL, Image | Title, Message, URL, Image |
Image File Type | JPG, PNG (GIF, SVG not supported) | JPG, PNG (GIF, SVG not supported) | JPG, PNG (GIF, SVG not supported) |
Image Resolution | Recommended: 512x256px or 1440x720px 2:1 aspect ratio Max width 2000px Min width: 300px | Recommended: 512x256px or 1440x720px 2:1 aspect ratio Max width 2000px Min width: 300px | Recommended: 512x256px or 1440x720px 2:1 aspect ratio Max width 2000px Min width: 300px |
Web Push Overview
| Category | Description |
|---|---|
a (browser icon) | A square image of at least 72x72 pixels, with a transparent background and a "black" icon (no other colors allowed). |
b (title) | Limited to 60 characters. |
c (content) | Limited to 150 characters. |
d (image) | A horizontal image with a 2:1 aspect ratio, at least 1440x720 pixels (GIFs not allowed). |
e (browser) | The notification will be delivered through the subscribed browser, which cannot be changed. |
f (URL) | The notification is tied to the subscribed site, which cannot be changed. |
g (time) | The time the notification is received, which cannot be changed. |
h (icon) | A square image of at least 256x256 pixels. |
Last updated
