Sometimes you have multiple prompts on a website (e.g. a cookie consent banner and a notification prompt) and for UI / UX reasons you may want to prevent the overlapping of the different prompts. Let's see some solutions.
Articles about web push notifications
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.
Are you looking for a bell icon to represent push notifications or to create a subscribe button on your website?
Is it possible to subscribe the users to web push notifications from an iframe?
Is it possible to subscribe to notifications when surfing in incognito mode or with private browsing (e.g. on Chrome, Firefox)?
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?
The first thing to do in order to subscribe a user to notifications is to ask for permission.
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 84 will fight abusive notifications. Let's see what you should do to stay complaint and avoid the penalization.
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?
Usually the prompt for web push notifications is displayed only once, the first time that the user visits a website. What if the user blocks the notifications? Is there a way to show the notifications prompt when the user visits the website again?
Forcing the user to subscribe to push notifications is probably not a good choice for most websites. However there are some specific situations where it makes sense to do that.