Notification Preview Guide

Suggest Edits

The exact look and feel of a notification depend on multiple different factors - the device, the OS, and the browser. In order to find out how the notification would look to someone who has your browser, OS, and device, you can simply click on 'Send me a test notification' before pushing/scheduling your campaign.

Here is a compilation of previews for the three browsers and the four OS's that supports web push notification. Use this as a guide when you are drafting your campaign

Device Specific

Windows 7 and 8.1 Desktop

Windows 10 Desktop

Notifications in Windows 10 goes to the Action Center.Notifications in Windows 10 goes to the Action Center.

Notifications in Windows 10 goes to the Action Center.

Mac Desktop

Mac Notification Center

Android Mobile

Android - Chrome

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Windows - Chrome

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and short title

4. Without a banner image a longer title

Linux - Chrome

1. With a banner image and short title

2.WIth a banner image and a longer title

3. Without a banner image and short title

4. Without a banner image and a longer title

MAC - Chrome

1. Default Notification

2. Sticky Notification - that requires interaction

Android - Firefox

Windows - Firefox

Linux - Firefox

MAC - Firefox

MAC - Safari

Android - Opera

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Windows - Opera

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Mac - Opera

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Android - Edge

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Windows - Edge

1. With a banner image and short title

2. With a banner image and a longer title

3. Without a banner image and a short title

4. Without a banner image and a longer title

Updated about 1 year ago

What’s Next
Did this page help you?