Browser updates affect your push notifications as well. One question that we frequently hear is “Why is my push notification title and (or) message not being displayed completely?” Read on to learn push notification best practices and ensure your push notifications are of the optimal length to get your message across without being cut off.
Recommended Character Limits:
Let’s look at these platforms/browsers in a bit more detail.
On Windows 10, title supports a maximum of ~50 characters before the text gets truncated. The message length stays the same, 191 characters, with or without a hero image.
On Windows 8 (and older versions), the title supports a maximum of ~50 characters before the text gets truncated. The message length varies depending on the title length and whether a hero image is added to the notification.
Important note: On Windows, there are two different kinds of notifications, one is a white design and the other has a black layout. So, the same notification is likely to look different on two Windows devices.
On Windows 10, title shows ~54 characters without truncation, while the message can show ~199 characters.
On Windows 8 (and older versions), title shows ~55 characters without truncation, while the message can show ~200 characters.
Note: Firefox does not support hero images
The optimal title length for Android is ~50 characters. But the message length varies depending on whether the notification contains a hero image.
All browsers on Mac have different character limits for the title and message. It’s best if you keep your title around 12 characters and the body below 41 characters.
Important: The width of the individual characters will also affect how much of the notification is visible before it gets truncated.
Chrome offers the best experience for web push notifications, due to higher character limits and support for hero images. And more often than not, you will end up creating notifications which will look great on Chrome, but they won’t be as effective on other platforms/browsers.
So, ensure that you design your notifications keeping the restrictions of Mac and Firefox in mind. This will ensure that your message gets across a clear and precise manner.