100+ articles about web push notifications
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.
You can include newlines and line breaks inside the body of web notifications.
Is it possible to customize the style of web push notifications?
How can you associate a push subscription to a specific user? How can you implement log-in and log-out for web push notifications?
How can you collect analytics for web push notifications (e.g. clicks)?
What can you do if you receive that notifications? What does it mean? How can you fix it?
What is the difference between Notification.icon, Notification.image and Notification.badge?
Recurring web notifications (e.g. every day, every week, every month, etc.) can be a simple strategy to re-engage your website users.
Is it possible to replace the Chrome logo / browser logo on notifications with the website logo?
How can you create a web notification now that is displayed some time later?
One of the major features of web apps (both on desktop and mobile browsers) is the ability to send push notifications that are delivered even when the website is closed.
“Web Push Notifications” is a general term to refer to the push notifications sent by websites and web apps. However, if you are looking for an official document that defines the “Web Push Notifications” standard, you won’t find it. This is because this technology is made up of different technologies, each one serving to a specific purpose. Let’s find out what these technologies are and where the official standards are located (documentation).
How to prevent the browser notifications from automatically closing? Is there any way to increase the amount of time the notifications are displayed in foreground to the user?
There are different ways to control the beep / sound made by 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.
This article describes a simple and effective method for debugging web push notifications on a specific browser using Pushpad.
Now Pushpad supports the silent option for web push notifications. This means that you can send web push notifications that don’t produce any sound or vibration when they are received.
Let’s say that you have sent a notification to a recipient and then you want to remove it: how can you do that?
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.
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.