There are different strategies that you can use to allow a user to opt-out from the push notifications of a website that they have previously enabled.
collimarco
Prevent the overlapping of notification prompt and cookie consent banner
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.
Why the image is not displayed in the web push notification?
In this article we give some tips for troubleshooting, in case the image of a web push notification is not displayed.
Building a demo page for testing web push notifications
This tutorial can be useful for development if you want to test web push notifications on your domain using Pushpad. You will see how to create a demo page where a user can subscribe to notifications and send a notification with custom options to himself.
Web push notifications without a service worker in the root
Let’s see some workarounds to add web push notifications to a website if you cannot add a service worker to the root folder.
List of HTTP status codes and errors returned by web push services
A list of all the official documentation provided by the push services about the HTTP status codes and errors that can be returned. When an application sends a notification to a browser push service, it should check the status code returned and take appropriate actions.
Multi-Channel Notifications in Ruby on Rails with Noticed gem and Pushpad
In this tutorial we explain how to use the pushpad gem with the noticed gem to create multi-channel notifications in a Rails application. In particular we’ll use the noticed gem for the notifications in general, while Pushpad will be used to deliver the web push notifications in real time, even when the website is closed.
A bell for notifications with JavaScript animation
In this tutorial we create a ringing bell animation with JavaScript and we learn how to create a simple bell icon that you can place in a corner of your web page (e.g. to collect subscribers to your push notifications).
Push API: the PushSubscription object explained
A “push subscription” represents a subscriber to the push notifications of a website.
Safari 16 adds support for web push notifications (Push API)
The long-awaited support for web push notifications in Safari is finally here.