Web SDK instructions

To implement web push notifications, you must first configure your website to work with HoodEngage.

HoodEngage’s web push notification system is supported across all major browsers, such as Chrome, Firefox, Edge, Safari, Opera, etc.

Here are the steps to set up your website with HoodEngage:

1. Add new configuration

• Navigate to Site setup or Configuration hub > Configurations, depending on your plan. Click Add in the top right corner.

Add new configuration

• Specify the configuration name, partner, and choose type - WEB.

Add configuration form

• Click Confirm to save your configuration.

2. Add new domain (optional)

Use the Add domain feature to control where your configuration is active. You can:

1. Add your main domain for site-wide coverage,
2. Add specific subdomains for targeted functionality,
3. Add multiple domains to cover your entire website ecosystem.

To add new domain, choose the Configuration tab within your web configuration.

Click Add domain.

Add domain

Fill out the Add domain form and click Confirm.

Add domain form

3. Copy - paste the code snippet to your website

Navigate to the Instructions hub of your web configuration. Copy - paste the code snippet into the main directory of your website.

Code snippet

4. Place the service worker

Under the same tab, Instructions, on the right, there are Install service worker instructions.

You can either download or copy service worker and place it in the root files of your website.

Install service worker

The HoodEngage SDK file must be publicly accessible and should be located at the top-level root of your site. The HoodEngage SDK will search for the file at https://ocamba.com/sw.js