How to Add Web Push Notifications in Blogger Blog

Have you seen the web push notifications on popular websites like Facebook, Pinterest, etc.? Web push notifications are becoming widely popular because they provided a better way of reaching your subscribers. Recently, one of our users asked us about how to add web push notification in Blogger. And the answer is yes, why not. Today in this article, we will show you how to add web push notification in your Blogger Blog.

Why to use Web Push Notification In Your Blogger Blog:

Web push notifications are small messages that come from an app or a website. These messages are clickable and appears on your desktop, even if you're not using the app or website.

The main idea behind the push notification is the fastest delivery of content. If you have a conference scheduled, you want your calendar to remind you. And if MyBloggerLab publishes new articles you want to be the first to see it

Popular sites like Twitter, Facebook, Pinterest and more are already using web push notifications. And they are claiming it to be more engaging then email marketing and social networks.

It will engage more users on your blogger site and would significantly increase the total page views and the number of returning users.

What is PushEngage

PushEngage provides a simplest way of adding push notifications to your web blog or website. It does not require you to have HTTPS enabled, adding a simple JavaScript code to your blog or website would enable Push notifications.

They also provide both FREE and Paid packages depending upon the number of subscribers you have. You can start with FREE package and can upgrade to a paid one based on your needs.

How to Add Web Push Notifications in Blogger:

The very first thing you need to do is to go to PushEngage Signup Page and register a free account. With a free account you can send notifications to up to 2500 Subscribers. To register, enter your website URL, Email address, Sub domain and your password. After entering all information, press "Start Your Free trial" button.

After registering a Free account on PushEngage, you will be then redirected to the Installation setting page. In the installation settings, you have to enter your Site Title, Site URL and Site Logo. After entering all relevant information, press "Update Site setting" button.

After updating your site settings, on the same Installation setting page, scroll down until you find the "Install PushEngage JavaScript Code". Copy the JavaScript code as it is shown in the screenshot below:

Now you need to paste the JavaScript code that you copied earlier in your Blogger Template. Go to Blogger >> Template >> Search for </head> and just above it paste the code. Once everything is done, Save the Template.

Congratulations, you have successfully added web push notifications in your Blogger blog. Now when you'll visit your blog you will see a notification asking you to Subscribe to the Push notifications. 

Customizing Subscription Dialog Box:

If you want to customize the way your Subscription Dialog box look do as mentioned below: 

1. On PushEngage Dashboard, go to Subscription Dialog Settings.
2. From Dialog Type  you can select from 4 different styles. But the most attract design is "Safari Style Box".  You can also see the preview of the subscription dialog box on the right.
   
3. After selecting a design press "Update optin Settings". 

How to Send Push Notifications to Subscribers:

If you want to send a push notification to your subscribers do as mentioned below:

1. Go to PushEngage Dashboard >> Notifications >> New Notification and fill all the necessary details like notification title, notification message and notification URL.
   
2. Once everything is done press "Submit" button and your notification will be created and sent to your all subscribers. 

We hope this tutorial has helped you in Learning how to add web push notifications in blogger. If you know a better and Free web push notification service feel free to leave its review in the comments below.

Share this post