What do Web Push Notifications look like in different browsers?

Web Push Notifications work in most browsers but they look and behave differently across browsers and operating systems. At a minimum, your title and message content will display but the layout and some of the visual style of the notification box cannot be controlled.

macOS and Linux operating systems will display the notification in the top-right section of the browser while Windows displays the notification in the bottom-right. Android mobile devices display notifications in the notification center, which you can access by swiping down the top of your screen. Some notifications may display on the lock or home screen depending on how you have notifications set up for the browser's app. Note: web push notifications are not currently supported on iOS mobile browsers.

All operating systems and browsers should support emojis and images. Chrome notifications will also include an image of the Chrome icon.

Below are examples of AWeber's Web Push Notifications across different browsers on macOS and Windows 10 operating systems.

Windows 10, Chrome 360051634333_step01.png
Windows 10, Firefox 360051634333_step02.png
Windows 10, Microsoft Edge 360051634333_step03.png
macOS, Chrome 360051634333_step04.png
macOS, Firefox 360051634333_step05.png
macOS, Safari 360051634333_step06.png
Android Notification Center 360051634333_step07.png

Action buttons, like "close" or more options" buttons, and large images are advanced functions that are only supported by Chrome on macOS and Linux operating systems. Because they're not widely supported just yet, you cannot add them to AWeber's Web Push Notifications. We may introduce the ability to add these in the future.

Have more questions? Submit a request
Powered by Zendesk