cmercury
please wait

Web push Notification Guide

Web Push Notifications Guide

What is Web/Browser Push Notifications?

Web/Browser push notifications are clickable messages that display on the top or right-end corner of your Desktop, Mobile or Tablet device from a particular marketer, with the intention of, driving a customer’s attention to their particular website or landing page. It could be Promotional Offers, News Updates, Opinion Polls etc. It’s a new marketing channel to re-engage your visitors without knowing their email or other contact details.

hook1

Whom we can send Web Push Notifications to?

Web Push notifications can be sent to customers who have subscribed to receiving updates. A subscriber will give permission for sending Browser Push notification by a click of button. A sample Permission Notification is  shown.

Users who click on the “Allow” button will be marked as “Subscribers” for receiving Browser Push notifications.

How can we integrate Web Push Notifications on a website?

For HTTP Website

The below code (sample) needs to be placed before the </head> tag on all the website pages.<script type=”text/javascript” src=”https://abc15151312018.pushbox.info/pbssl.js”></script>

Two files – manifest.json and service-worker.js need to be placed on the same domain as your website. These Files need to be placed on the root folder of your website.

Once the two files are successfully placed in the root folder, you will be able to access the links given below:

https://abc.com/manifest.json
https://abc.com/service-worker.js

Once you are done with the above 2 steps, the subscription prompt would start to populate on your website and here is how it would look:

allow

For HTTPS Website

Web Push Notifications work only on HTTPS websites. So in order to integrate in the HTTP website, we create a sub domain on HTTPS. This subscription process has 2 steps.

  1. A custom Subscription Box is shown to the users as shown below:
step2

2. When the users click on it, actual subscription box appears in the second step on the HTTPS sub-domain:

step 3

For sending web push notifications on an HTTP website, the below code (sample) needs to be placed before the </head> tag on all the website pages.

<script type=”text/javascript” src=”https://edfg.pushbox.info/pb.js”></script>

How Web Push Notifications appear in various browsers?

Google Chrome (OS: Windows)

Among the browsers, only Chrome allows you to use banner image and action boxes while sending out Web Push Notifications.

google-chrome-windows

Mozilla Firefox (OS: Mac)

step5x

Mozilla Firefox (OS: Mac)

step6x

Google Chrome (OS: Mac)

step4x

Browsers which support Web Push Notifications:

os

Difference between Default & Custom Subscription Box:

coma

How can we schedule Web Push Notifications from the cMercury panel?

01 step

Select the sub-module “Web Push” Under the Module “Push” in the Home Page

02 step

Click on “+New” button for creating a new campaign

03 step

Fill out the required Credentials (Title, Message, Landing page URL etc)

04 step

Click on “Additional Display Options” for more features to be displayed in Google Chrome Browser

05 step

Click on “Banner Type” for adding a bigger image

06 step

Activate “Enable Action” button for adding Survey Links and images, click on quick test for Campaign Preview on end users devices

07 step

If the preview is working fine ,then schedule the campaign

RSS feed based Web Push Notification

RSS (Rich Site Summary) is a type of web feed which allows users to access updates to online content in a standardized, computer-readable format. These feeds allow the content to be passed from website to website or from website to user.

If you have a blog or content site on WordPress or have a site with RSS feed, you can manage your Browser Push Notifications in a completely automated manner using cMercury Web Push Notifications.

Advantages

Built specifically for bloggers, publishers, and content creators

The best way to ensure that your subscribers gets real-time notifications for the fresh blogs and news your publish. Works as a powerful customer retention and re-engagement tool.

Creates multi-fold customer engagement and website visits

Real-time content serving ensuring increased page views, additional traffic and more revenue.

Seamless Integration

Get in-depth report of customer engagement, campaigns, and website activities with visual depictions. With our powerful Customer Engagement Report (CER), you can easily generate individual user behaviour report across categories, product groups, new customer additions, conversions and more.

How to Integrate RSS Feed with Browser Push Notifications?

Our support engineers will guide you through for an easy account creation process.