Documentation Index
Home / Documentation /

Tutorial Intro & System Overview

OVERVIEW WebPush.in allows webmasters to collect web push subscribers and dispatch real-time alerts across mobile and desktop browsers.

Welcome to the official WebPush Documentation. This guide covers how to set up your domain, configure permission prompts, automate push campaigns, and leverage growth features like YouTube channel bridge links and Google Drive database backups.

Key Steps to Launch:

  1. Register your domain in dashboard under Domains > Add Website.
  2. Integrate tracking code using our 1-click WordPress plugin or manual JS snippet.
  3. Upload service worker (firebase-messaging-sw.js) to public root folder.
  4. Dispatch push campaigns and track audience growth analytics in real-time.
« Start of Documentation

Adding Integration Code to Your Website

TIP Use our official WordPress Plugin to complete code integration in 1 click for WordPress sites!

Once you have registered your domain name, navigate to your Domains > Code Integration page to copy your integration snippet and download required service worker files.

1 Select Popup Prompt Type

Choose from 4 prompt layout styles: Manual Prompt, With Backdrop Overlay, Default/Native Prompt, or Fullscreen Prompt.

2 Copy & Paste JavaScript Tracking Snippet

Copy the generated script and paste it into the <head> section of your website source code.

<script src="https://webpush.in/integration/YOUR_DOMAIN_ID/pushpanel.js" async></script>

3 Upload Service Worker Files

Download firebase-messaging-sw.js and upload it directly to your website's root public directory (e.g. public_html/firebase-messaging-sw.js).

DANGER & CAUTION If your website uses CDN caching (Cloudflare) or caching plugins (WP Rocket, LiteSpeed), ensure you purge cache after adding the service worker.