All Collections
Best Practices & Use Cases
Use Cases
How can I allow users to manage their push preferences from my website?
How can I allow users to manage their push preferences from my website?

You can integrate a custom toggle switch into your website to manage web push notifications easily (opt-in and opt-out).

Lucie avatar
Written by Lucie
Updated over a week ago

By default, users can manage their push preferences from their browser settings on desktop and mobile (see more here).

Instead of making your users dive into their browser settings, you can give them the option to disable/enable push notifications directly from your website using a toggle switch.

The following steps will help you set up this button on your website.

1. Getting the opt-in status of the user

First, you need to get the opt-in status of the user to update the status of the button. You can use this method :

batchSDK(function (api) {api.isSubscribed()});

2. Update the opt-in status

Depending on the action your users perform, you will need to call different methods when users click your toggle switch.

Turning off push notifications:

batchSDK(function(api) {api.unsubscribe();});

Turning on push notification:

batchSDK(function(api) {api.subscribe();});

Here is an example of how you could implement a toggle switch using these methods:

<input type="checkbox" id="toggle" onclick="validate();" />

<script type="text/javascript">
function validate() {
if (document.getElementById("toggle").checked) {
batchSDK(function(api) {api.subscribe();});
} else {
batchSDK(function(api) {api.unsubscribe();});

🚧 Important note: Keep in mind that notifications management may happen at two different levels:

  • at the SDK level

  • in the User's browser settings: on this level, you cannot control notifications with a toggle switch button as described above.

More details on Batch Public API :

This article belongs to Batch's FAQ. Need more help? Find insightful articles, documentation, case & market studies, guides, and even more in our website's Resources section on and our blog.

Did this answer your question?