Once you have completed the steps described in the web push integration guide, there are several elements that you should check to make sure you will be able to use Batch at its full potential.

There are two scenarios if you integrate web push:

In this case, follow these steps:

Allow push notifications and try sending a test notification to your browser (Repeat the same step on Chrome, Firefox, and Safari).

Here is how to do it: How can I send a test notification to my web browser?

Ensure icons match the required size and format (see documentation).

In particular, make sure that the small icon has a transparent background and is properly displayed (i.e. not a grey circle) on Android.

Here is how to send a test notification to a web browser on Android.

If you choose to use Batch pre-permission prompts to set a custom alert on Firefox and Safari, ensure it is displayed when you arrive on the website and fits the custom UI that you want to display.

If you choose to set up a Custom User ID, make sure it is sent to Batch when you log in on the website using the Debug tool on the dashboard (Settings > Debug) and your Installation ID.

You can use the refresh button to see the latest data.

​Note: The Custom User ID must be reset when the user logs out of the website. (i.e. the field must be empty)

If you choose to overwrite the default values detected by the SDK with the user's selection in the website, you can check that it is updated correctly using the Debug tool on the dashboard (Settings > Debug) and your Installation ID.

You can use the refresh button to see the latest data.

In this case, check the following:

Make sure you reset your browser preferences between each test: see how to do it here.

If you deployed Batch on a staging version of your website, make sure your JavaScript tag contains the "dev: true" parameter and you added your staging domain name to the list of "Allowed dev origins", from the dashboard Settings > Push settings. If you are testing on Safari, make sure you have added your testing domain as a newly allowed domain. (see How to test web push on development environment?)

If you deployed Batch in production, make sure you removed the "dev: true" parameter from the Javascript tag.

Make sure that the Service Worker is well integrated at the root of your website: type the name of the service worker after the domain name (e.g. mywebsite.com/batchsdk-worker-loader.js).
You may have chosen to add the service worker in a subfolder, in which case the path must be indicated in the JavaScript tag (see documentation).
In case you integrated it with an existing service worker, ensure you followed all steps of this documentation.

Ensure that your test website is secure. For any service worker to work, it is essential to use HTTPS and to have an accepted/valid certificate (read more here).

If you have any questions, don't hesitate to ping us at support@batch.com, or directly on the Live chat!