Browser Push Best Practices
Here are common layout guides to follow for push notifications across all platforms:
Notification Content Details | |
|---|---|
How many characters are allowed and recommended per platform. Emoji support is available across all platforms 👍 | |
Images | Large Images that appear with the notification. Supported by Chrome on Windows, macOS, and Android. |
Icons | Supported on all platforms. Customizable for Chrome and Firefox. |
Sounds | Not customizable on Web Push. |
Small icons on Chrome for Android that appear in top Notification Center when push is received. | |
Custom buttons that can support different actions or links. |
Since each platform uses a different visual layout, the amount of content that is visible varies.
The following are approximations for how many characters are in a notification based on the browser platform.
Platform | Title limit | Body limit |
|---|---|---|
ℹ️ AIQ Recommendation | ℹ️ 20 | ℹ️ 60 |
Windows: Chrome | ~60 (Chrome 68+) ~40 (Chrome 67 and lower) | ~120 (Chrome 68+) ~150 (Chrome 67 and lower) |
Windows: Firefox | ~40 | ~190 |
Mac: Chrome, Firefox, Safari | ~40 | ~20-80 |
Emojis count as a single character. Simply copy-paste the emoji you want into the message or title. Some limitations on Windows 7 and older Operating Systems.
