In order to optimize the number of people that subscribe to your notifications, you need to use the right user interface (UI). It’s also important to design a good user experience (UX), so that the notification prompt is perceived as something useful for the user and not as an annoyance. In this post we’ll analyze different approaches and user interfaces that are useful to ask users to subscribe to web push notifications.
permission
Web push notifications from iframe
Is it possible to subscribe the users to web push notifications from an iframe?
Web notifications in incognito mode
Is it possible to subscribe to notifications when surfing in incognito mode or with private browsing (e.g. on Chrome, Firefox)?
Reset the denied permission for notifications (undo “Block”)
What can you do if a user blocks the notifications on your website by clicking the “Block” button in the permission prompt? How can you reset that choice? How can you display the permission prompt again?
Request permission for web push notifications
The first thing to do in order to subscribe a user to notifications is to ask for permission.
Does Brave browser support web push notifications?
Brave is a privacy-focused browser, with a small market share, and you may be surprised to learn that it supports web push notifications.
Silent push: sending web push messages without displaying notifications
When you hear “web push” you probably think about notifications… but that is not necessary true. In theory, the web push technology could be used for delivering messages or updates to the web app, without displaying a notification to a user.
The notification prompt can only be triggered by a user gesture on some browsers
On some browsers, the permission prompt for notifications can be displayed only after a user interaction with the website. Let’s see why some browsers enforce this rule, what happens if you don’t comply with it and how can you implement a solution that works across all major browsers.
Chrome blocks the notifications on abusive websites
Chrome 84 will fight abusive notifications. Let’s see what you should do to stay complaint and avoid the penalization.
The double opt-in (prompt) for web push notifications
Browsing the web, you may have noticed that most websites use a double opt-in process for subscribing the users to notifications. Basically these websites first show a custom prompt (designed with HTML / CSS) that asks you if you are interested in the notifications, then, when you click the subscribe button, they display another prompt (with native appearance) asking you if you really want to allow the notifications from the website. Isn’t one prompt enough?