Skip to main content

Add Your First Domain

To start using DiziPush, follow these 5 simple steps to connect your website and start collecting subscribers for push notifications.

Step 1: Website Details​

Enter your website details to get started:

  • Name: Enter a name to identify your website.
  • Domain: Use the format https://yourdomain.com.

Once filled, click "Next" to proceed.

Step 2: Firebase Setup​

Connect your website to Firebase to enable push messaging.

You have two options:

🔹 Option 1: Enter Manually​

Firebase Project Info

  • Firebase Email
  • Private Key
  • Public Key

Firebase App Info

  • API Key
  • Auth Domain
  • Project ID
  • Storage Bucket
  • Messaging Sender ID
  • App ID

🔹 Option 2: Autofill from Config​

If you already have your Firebase config snippet (commonly found in your web app setup), simply paste it, and the fields will be filled automatically.

⚙️ This is useful if you don't want to manually enter all the values.

🔹 Upload Service Account​

Upload your Firebase Service Account JSON file — used by DiziPush to send push notifications from the backend.

🛡️ This is required for backend authentication, but does not autofill the form fields above.

Click "Configure" to continue once everything is set.

Step 3: Verify Website​

To verify ownership of your domain:

  • Copy the Website Verification Code shown.
  • Paste it just above the </head> tag on your website.
  • Click "Verify Website" to continue.

Step 4: Service Worker Integration​

To enable push notifications:

  • Download dizipushsw.js.
  • Upload it to your website’s root directory (e.g., https://yourdomain.com/dizipushsw.js).
  • Follow the setup video for detailed steps.
  • Click "Verify" once uploaded.

Step 5: Additional Configurations​

Additional Configurations are required to make your prompt genuine and appealing. This also allows for prompt customization like "popup delay, show after certain pageviews, cooldown period, show per cooldown period, etc." These advanced settings are available in the Advanced tab.

Configure your icon and badge by uploading them or using URLs. Make sure to mention the format for betterment.

Choose how the push permission prompt is shown:

  • Default: Uses the browser's native push notification popup.
  • Custom: Shows a custom-designed popup before triggering the browser prompt.

⚠️ For a better user experience, customize the popup if you select the Custom option.

Custom Popup with Two Style Options:​

  • Classic Card
  • Modern Card

You can customize the icon, text, button color, and button text for cancel and allow, etc.

Default Values:​

  1. Delay in sec before the popup appears
  2. Popup After Pageview: After a certain number of pageviews, ask to allow.
  3. Cooldown Period: Delay in seconds after the popup is closed.
  4. Frequent Prompt Limit: Number of times the popup can be shown per cooldown period.

🎉 That’s it! Your domain is now fully configured and ready to send push notifications with DiziPush.