How to Add Push Notifications to Your Website (Step-by-Step 2026)

By JeetPush Team · Updated June 2, 2026 · 6 min read

Adding web push notifications to your website takes about 10 minutes — no app, no developer required. This guide walks you through every step using JeetPush (free, unlimited), and the process is nearly identical on any platform: custom HTML sites, WordPress, Shopify, Webflow and more.

What you'll need

A website served over HTTPS (required by browsers for push — see web.dev's overview)
Access to your site's HTML or theme (to paste one snippet)
Ability to upload one small file to your site root

Step 1 — Create your free account

Step 2 — Add your website

In the dashboard, go to Sites → New Site, enter your site name and domain (e.g. example.com), and save. You'll get a unique site key plus a ready-made integration snippet.

Step 3 — Upload the service worker

Download jeetpush-sw.js from your site's integration page and upload it to the root of your website so it's reachable at https://yourdomain.com/jeetpush-sw.js. The service worker is what lets the browser receive notifications in the background — it's a web standard (MDN reference).

Step 4 — Paste the snippet

Copy the snippet from your dashboard into your site's HTML, ideally right before </body>:

<div id="jeetpush"></div>
<script>
  window.JEETPUSH = {
    apiBaseUrl: 'https://push.jeetpush.cloud',
    siteKey: 'YOUR_SITE_KEY',
    vapidPublicKey: 'YOUR_VAPID_PUBLIC_KEY'
  };
</script>
<script src="https://push.jeetpush.cloud/jeetpush.js" defer></script>

That's it — an "Enable Notifications" button now appears where you placed the div. The script is a few KB and loads deferred, so it won't hurt your Core Web Vitals.

Step 5 — Test and send your first push

Open your website, click Enable Notifications, and allow the prompt.
In the dashboard you'll see your first subscriber appear.
Go to Campaigns → New, write a title and message, add your link, hit Send.
Within seconds the notification lands on your screen. 🎉

Platform notes

WordPress

Paste the snippet with your theme's footer or a header/footer plugin, and upload the service worker via FTP or a file-manager plugin. Full walkthrough: WordPress push notifications guide.

iPhone & iPad visitors

iOS 16.4+ supports web push after users add your site to their Home Screen. JeetPush detects iOS Safari and shows visitors the right instructions automatically.

Best practices once you're live

Send a welcome message so new subscribers remember opting in.
Use segments (geo, device, interests) instead of blasting everyone.
Respect time zones and set quiet hours — nobody loves a 3 AM ping.
Track clicks with auto-UTM tags in Google Analytics.
Read our 9 push marketing strategies for what to send.