Configure on your website (Web)

Think of it as installing the building intercom on your website: you say which addresses can use it, paste a snippet on the page, and visitors can receive browser alerts.

In a few words

Create a Push App in Notifique and copy the appId
In ⚙️ Settings → Web, list your site domains
Download sw.js (sw-loader) and place it at your site root
Paste the script in your site <head>, same code shown in the dashboard
Open the site, accept notifications, and test from the dashboard

What you’ll do in the dashboard

Where	What it is
Push App screen → Web tab	Copy the ready-made script
⚙️ Settings → Web	Allowed domains (e.g. `mystore.com`)
Download sw-loader button	File that becomes `sw.js` on your site

The appId is already inside the script, just paste. No API key on the website.

Step 1: Create the Push App

Open app.notifique.dev → Push → New app
Name it (e.g. “Store website”)
Note the appId on the app screen

Step 2: Allowed domains

On the app screen, click ⚙️ (settings)
Expand the Web section
Enter one domain per line, without https://:
- mystore.com
- www.mystore.com
- app.mystore.com (if you use a subdomain)
Click Save changes

If left empty, any site with your appId could register, we recommend listing your domains.

Step 3: sw.js file (recommended)

The browser needs a small file at your site root to deliver alerts under your domain name.

On the Push App Web tab, click Download sw-loader
Save the file as sw.js in your site project
It must open at https://yoursite.com/sw.js (e.g. public/sw.js in many projects)

This file is one line pointing to Notifique, no edits needed afterward.

Step 4: Paste the script on your site

On the Web tab, copy the code from Paste this code (Service Worker / sw.js mode)
Paste it in your site <head>, before </head>
It already includes your appId and swPath: '/sw.js'

Example (your appId will differ):

<script src="https://api.notifique.dev/v1/push/scripts/notifique-push.js"></script>
<script>
  NotifiquePush.init({ appId: 'YOUR_APP_ID', swPath: '/sw.js' });
</script>

Publish the site with both sw.js and the script live.

Step 5: Test

Open the site in a browser (Chrome, Firefox, or Edge)
Accept Allow notifications if prompted
Send a test push from the Notifique dashboard
The alert should appear on desktop or mobile

Can’t add sw.js? (Wix, Shopify, etc.)

Some site builders don’t allow a root file. Then:

On the Web tab, use without hosting a file (fallback)
Paste the script without swPath
It works, but alerts may show Notifique’s name instead of yours

For the best experience, prefer sw.js on your domain.

Something went wrong?

What happened	What to check
No permission prompt	Script in `<head>`? Browser console errors?
Permission denied	User blocked it, try incognito or another browser
Push doesn’t arrive	Site domain listed in ⚙️ Web? Does `sw.js` open in the browser?
Domain error	Site URL must match a listed domain (with or without `www`)

Next steps

Integrate apps
API Quick Start, for backend sending

​In a few words

​What you’ll do in the dashboard

​Step 1: Create the Push App

​Step 2: Allowed domains

​Step 3: sw.js file (recommended)

​Step 4: Paste the script on your site

​Step 5: Test

​Can’t add sw.js? (Wix, Shopify, etc.)

​Something went wrong?

​Next steps

In a few words

What you’ll do in the dashboard

Step 1: Create the Push App

Step 2: Allowed domains

Step 3: sw.js file (recommended)

Step 4: Paste the script on your site

Step 5: Test

Can’t add sw.js? (Wix, Shopify, etc.)

Something went wrong?

Next steps