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.
Web Push Notifications
Bell icon for push notifications and subscribe button
Are you looking for a bell icon to represent push notifications or to create a subscribe button on your website?
There are many free and open source resources where you can get an high-quality bell icon, in different formats, without the need to draw it manually.
Is it possible to display newlines inside web notifications?
You can include newlines and line breaks inside the body of web notifications.
Styling web push notifications
Is it possible to customize the style of web push notifications?
Web Push Notifications: multiple accounts on the same browser
How can you manage push notifications when a user uses multiple accounts on the same browser? What can you do if multiple users use the same device / browser?
Web Push: wake up a phone from deep sleep with urgent notifications
Is it possible to instantly deliver a web push notification to notify a phone call or to deliver any other time-sensitive notification?
Web push notifications from iframe
Is it possible to subscribe the users to web push notifications from an iframe?
Add analytics to web push notifications
How can you collect analytics for web push notifications (e.g. clicks)?
Difference between PushManager subscribe and getSubscription
These two methods defined by the Push API are used to get the push subscription from the browser. What is the difference between them?
Web Push Notifications: store the subscription in the backend / database
When a user is visiting your website and subscribes to notifications, you get a push subscription, which must be stored somewhere (in a database) in order to send notifications to that user.