Send Web Push Notifications Across These Platforms & Devices
A crucial factor in implementing web push notifications efficiently and effectively is to be aware of your audience and their habits. It's because, unlike mobile push notifications, web push can be sent across multiple devices, browsers and platforms.
Hence, to help with this aspect, we bring you this blog where you will learn which devices, browsers and platforms support web push notifications and how they appear on them.
Which devices can support web push notifications?
Before learning how web push notifications are displayed on different devices, let's first understand its anatomy.
Simplifying the anatomy of a web push browser
Let's take an example of a baker who wishes to send alerts for his latest cakes and discounts on festivals. Here are the essential elements make a good web push notification:
1. Website URL: Each notification on the web should have a website URL - from which the notification is sent.
For example: www.(baker's domain name).com
2. Title: A title is the first subject line on the notification. It tells the purpose of the message and thus should be crisp, catchy and clear.
For example: "30% off on x cakes up to rs. 500 + free delivery. "
3. Description: This is a short description of the title, meant to give readers more reasons to click on the notification.
For example: "Book our latest design or customized cakes for any occasion. The offer lasted for the coming 2 days, hurry now!"
4. Icon: The icon is the logo of your website.
5. Banner image: This feature may vary on different devices and browsers. Thus choose an image that's easy to load and connects with your title/description/purpose.
6. CTA button: You can leverage the CTA button to get users subscribed to your notifications.
Book a demo today with Notifly
Where can you send web push notifications?
Here, we have listed the platforms where you can send web push notifications. Here, you will also get the list of browsers, devices and platforms that support browser/web push notifications.
| Operating System | Web Browsers | Tablets and wearables |Social Network | Smart devices(TV)| Gaming console| |--|--|--|--|--|--| | iOS | Safari |Amazon fire | Facebook |Google | Xbox| amazon echo | | Android | Chrome|Amazon kindle E-reader| instagram |Roku| Playstation | | Windows |Firefox |apple watch | Whatsapp |Amazon fire| Nintendo Switch | | Mac | Microsoft edge |android wear | Youtube |Apple | google stadia | Tablets | Opera |fitbit |WeChat |Samsung| |Linux/ubuntu||||Chromecast|
Also read: Understanding Web Push Notifications and How They Work
What are web apps and do they also support web push notifications?
Web apps are browser applications that users can install on their devices. The benefit of it is that web apps consume less storage and look similar to mobile applications.Most importantly, you can send web push notifications on web apps, which means, you don't have to develop mobile applications to reach your customers.
Notifly also provides push notification services for iOS devices including all other platforms.
Key takeaway: iOS 16.4 beta version supports notifications for web apps.
Where do browser notifications appear on the screen?
Please note that the visual representation of web push notifications may vary from device to browser.
-
Mac Os: on the top-right corner of the screen.
-
Windows Os: on the bottom-right corner of the screen.
-
Linux/Ubuntu: on the top-right corner of the screen.
-
Android OS: on the notification tray/container.
Note: Only Android, Windows and Mac had supported web apps earlier. But, now, your iOS devices (iPhone also supports web apps which means, you can now send web push notification to them as well.
Chrome vs Firefox vs Safari web push notifications
Chrome push notifications: Google chrome is one the rich browsers as it supports all elements of the web push notifications whether it is the banner image or the CTA.
-
Call to Action buttons: Chrome allows you to include three different links to your browser notification.
-
Large image: Chrome supports large images that enhance the visual engagement of your user
- Required action: Chrome web push notifications don't disappear unless the user closes them.
However, Firefox limits these features which means you can only send standardized regular messages with no extensive features. Lastly, Safari displays small pictures and has limited text for browser push notifications.
Final Words:
We will suggest you keep the text short and catchy as it is supported by all platform's browsers. However, if you still have any doubts or want to test drive web push notifications, connect us anytime, we are happy to assist you!
