Ultimate Guide to Web Push Notifications!

Best Web Push Notification Service


Web Push Notification


What Is Web Push Notification?


Push Notifications are small popups that appear on your screen when you are away from an App or Website. These messages appear on your desktop or device, even when you are not using the app or website! The primary use of push notifications is the delivery of content as fast as possible. If you have a meeting coming up, you want your calendar to remind you. Until now, push notifications were relegated to the world of mobile apps. But the age of the app is passing away, and that same power is now available for websites with web push notifications.

Users who come to your website can opt-in to receive notifications on their mobile and desktop devices. They don’t need to download anything. They don’t need to install anything. They just click ‘Allow’, and they are subscribed!The best part is that they don’t need to keep your website open after they subscribe. They can close the tab or window, and you can still send them messages. If their computer is asleep, your notifications will be delivered when they turn it back on.

How to Setup Push Notifications on Your Website


Adding Push Notifications is very easy and generally takes less then 5 minutes. This tutorial will guide you through the whole process of adding and configuring Push notifications for your website. Follow the instructions:

1. First of all, you need to Sign Up on PushPrime

2. After you signup/login, you will be brought to our dashboard.
Push Notifications - Reflict Network

In order to use PushPrime on your website, you will have to first add your website in your dashboard. Adding your website is a very simple process, we collect few pieces of info from your and you are done. Click on the Register Website button in the middle of the screen or the New Website button in the top bar. It will bring up our new website dialog box.

Push Notifications - Reflict Network


Website Address: The address where your website is located at, please enter the address without http:// or https://. E.g. reflictnetwork.com

Subdomain: If users access your website without https, they will have to go through a subdomain on PushPrime to register for notifications. You can choose a subdomain that reflects your business.

Https Access: If your website can be accessed through https, please select yes, otherwise select No, if you are unsure about it, you can click on “I don’t know” and it will automatically check that for you.

3. Clicking next will open general info dialog.

Push Notifications - Reflict Network


Icon: Icon is optional, but it is highly recommended that you upload an icon which reflects your business or brand. For best result use Square Images with size at least 192px x 192px.

Title: The name or title of your website.

4. Clicking next will bring you to consent dialog configurator.

Push Notifications - Reflict Network


Consent Dialog: Browsers are very stubborn when it comes to push notifications. Generally to prevent web admins from abusing the service. So they don’t allow us to customise the default permission window that opens. We have observed that opt-in rates significantly increase if you explain to user why you need to send them notification. This is when consent dialog comes into play. Before showing the default permission dialog, a modal dialog will appear in the webpage explaining to them why you need to send them notifications. Following image show how it will look (You can completely customise the colors and text from Styles after the initial setup is done)

Push Notifications - Reflict Network

Reminder Button: Reminder button is a small icon which appears in the bottom left or bottom right of your web page. Reminder Button is used to track the permission status of users. If they initially decline the permission request, they can use the Reminder Button to grant permissions. (Reminder Button is also customisable from Styles tab)

5. Clicking next will bring you to your embed code which you need to add into your webpage. You will have to add this into every page you want to enable PushPrime on. If you are running a WordPress, Joomla or magento (PushPrime's plugin is currently not in magento marketplace, please contact PushPrime to get an upload able copy ) website, you can use PushPrime's dedicated plugins to add the code automatically.

Push Notifications - Reflict

If your website does not support HTTPS, this is all you need to do and you can stop here (click finish button and you are good to go). But if your website supports HTTPS please read further because it is highly recommended that you configure native opt-in for better subscriptions.


Native Opt-in for HTTPS Websites

If you clicked Yes for the HTTPS option in the first dialog. Instead of the dialog shown in above, you will be seeing the following dialog.

Push Notifications - Reflict


1. Click Configure Native Opt-in to open the native op-in configuration.

Push Notifications - Reflict


In addition to the embed code you added earlier, you will have to add one additional line of code in head element in your html document (if you are using PushPrime's plugin for wordpress or magento, go to settings and enable native opt in tags option). After you click on the blue “Click Here” link, it will download a zip, these are our helper files that you need to upload in the root of your web server (generally public_html). After that click on verify button so that PushPrime's server could verify that those files are publicly accessible. Once the verification is done a finish button will appear. You can click on it to finish the website setup.
Interesting For You

- Best Ad Networks -

What is Ad Networks? How they Work? Top online Advertising Networks reviews!

- Youtube Networks List -

Everything about Youtube Networks, Contract Terms, Revenue Shares and Their Requirements

- Best Web Hosting Services -

What is Web Hosting? Which Web Hosting Should I Choose? Trusted and Cheapest Web Hosting Services

- Top 6 Best VPN Services -

What is a VPN? Why should you use a VPN? How to protect your private information?

Wordpress Website without any Coding Skills & Knowledge

- Wordpress Website without

any Coding Skills & Knowledge! -

How to Create a Wordpress Website Easily?

Wordpress Themes

- Top 39+ Best Responsive

Wordpress Themes -

Wordpress Themes for your Business, Blog, Website, Ecommerce, Magazine etc.

Wordpress Themes

- 3 Best Social Media Management

Tools -

What are Social Media Management Tools? Why is it so important?

Get In Touch!

Our technical support team stand ready to assist you with all of your questions

Your message was sent succssfully! I will be in touch as soon as I can.

Something went wrong, try refreshing and submitting the form again.