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:

push notification best practices length 2019

Let’s look at these platforms/browsers in a bit more detail.

push notification best practices length 2019 - 1

WINDOWS

Chrome:

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.

push notification best practices length 2019 - 2

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.

push notification best practices length 2019 - 3

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.

Firefox:

On Windows 10, title shows ~54 characters without truncation, while the message can show ~199 characters.

push notification best practices length 2019 - 4

On Windows 8 (and older versions), title shows ~55 characters without truncation, while the message can show ~200 characters.

push notification best practices length 2019 - 5

Note: Firefox does not support hero images

ANDROID

The optimal title length for Android is ~50 characters. But the message length varies depending on whether the notification contains a hero image.

push notification best practices length 2019 - 6

MAC

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.

push notification best practices length 2019 - 7

Important: The width of the individual characters will also affect how much of the notification is visible before it gets truncated.

push notification best practices length 2019 - 8

Summary:

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.