Browser Push Best Practices
Here are common layout guides to follow for push notifications across all platforms:
Notification Content Details | ๏ปฟ |
|---|---|
๏ปฟCharacter Limits๏ปฟ | 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. |
๏ปฟWeb Push badges๏ปฟ | Small icons on Chrome for Android that appear in top Notification Center when push is received. |
๏ปฟAction Buttons๏ปฟ | 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.
๏ปฟ
