How To Setup Free Browser Push Notifications For Blogger

Learn How To Easily Setup Free Browser Push Notifications For Blogger Blogs Using PushEngage.

Push Notifications

Every now and then we as bloggers try to keep our visitors engaged and available when a new post, product, deal etc is being published. We try several means to get the job done.

And often times we get redirected to collect their emails, make them subscribe, create a landing page etc. That is good right? but not all our visitors want to drop their emails.

For reasons which are worth noting. On the internet full of hackers, it is a wise decision to keep your email address safe and also apart from that, many persons don’t like to receive numerous emails bugging them all the time.

All that being on the users said, we bloggers still have a big set back with emails and this is “NOBODY READ EMAILS”.

This is where push notifications make a difference and it’s recommended for bloggers who wish to grow their audience.


What is Push Notification?

It all started with the big names such as Facebook. Push notification is a web service integrated into your browser which enables a browser to notify you of activities (only if enabled).

Platforms such as PushEngage have taken advantage of this browser push notifications API such that you can now easily send push messages to both PC and mobile users right on their browser (PC) or notifications bar (mobile) as long as they are online.

example of Push Notifications

The above image shows a simple push message being delivered to a browser. You too can send such messages to your visitors.

Why Push Notifications?

As a blogger, effectiveness is a core value placed on every service you use. Nobody reads emails anymore and you don’t also want to lose a high proportion of your audience. Let’s take a look at some reasons why push notifications is the next BIG THING for all bloggers

  1. Push Notifications are instant and let you seamlessly keep your visitors engaged with your content.
  2. No need to create landing pages & beg for signups because they won’t subscribe. With push notification getting subscribers is way more easier.
  3. Easy to set up, manage and optimize. In less than 5 minutes your notifications will be live. No coding, CSS, HTML or JS knowledge needed.
  4. Super increase your daily page views. ShoutMeLoud recorded over 1.5million page views in June and Harsh accumulated a high proportion of visitors to push notifications.
  5. Most push notifications services are FREE at least for the basic plan which should get the job done depending on your audience size.

If you are not utilizing web push notifications yet, you definitely should as it’s a great way to drive recurring traffic. Here at ShoutMeLoud, we use PushEngage because they offer some cutting-edge features like Segmentation and Automation. –  Harsh Agrawal

ShoutMeLoud PushEngage Push Notifications Report
ShoutMeLoud PushEngage Report


Who uses Push Notifications?

By users overlap, Push Notifications works for everybody. All bloggers with the same goal in mind – Drive traffic & generate leads. Such service is a surefire way to be ahead. I have seen push services running on Eccommerce shops, Entertainment blogs, Technology or Tutorial based blogs, All platforms make use of it.

BBC, CNN, Facebook, Pinterest, are just a few of the big services that also make use of it both on mobile and on the browser. You can also use push notifications on your android app. Don’t know how?. Read my post on how to create an android app for blogger.

What Plan is Right For You?

PushEngage is beyond sending notifications to users!. You can do a lot of marketing activities with PushEngage. You can also set up Auto Posting RSS.

Whats that? What if I told you PushEngage can automatically notify your subscribers of new posts on your blog via RSS feed? – Which means you won’t have to spend a minute sending push messages, Push Engage will get all the job done while you concentrate on writing.

PushEngage Pricing

Note: Choosing a premium package offers you 15days of a free trial.  Book a seat for a free 15days trial NOW.


Create a FREE PushEngage Account

There are several push notifications services but in today’s guide, we are going to make use of Push Engage.

Why? PushEngage provides us with a lot of cool features for FREE. You can totally get your push notifications goal rocking with PushEngage. Below are a few features.

  • Free for (Up to 2500 Active Subscribers) of subscribers and (120 notifications a month) of push notifications messages.
  • Easy to use, setup and manage. As simple as a click to activate.
  • Allows you to automate/schedule your post i.e set them for automation.
  • PushEngage works on major browsers such as Chrome, Firefox
  • And lot more features which you will find useful later on.

After knowing all that, it’s time to start your push notifications life. Let me not take further of your time, Let’s get started.

  1. Visit PushEngage.
  2. Type in your Email Address and Hit “Start Your Free Trial”.
  3. On the next page. Fill in your Details – Website URL, subdomain (such as – it is recommended you use your blog name), Password and Your phone number. >> Hit “Show My Account Now”. when done.


Setup PushEngage On Your Blog

Is it time to send your first push? NO. In the next steps, we will simply setup Push Engage dashboard to make it brand up to our needs.

Installation Settings

Starting from the core basics. This page will show up once your account has been created successfully. If you can’t find it, simply navigate to Settings >> Installation settings.

Site Name: By default, this field will pick your subdomain name, you can edit this because Site Name is the name that is being displayed to anyone who subscribes to your blog.

Site URL: You should meet this already setup because you already filled a spot for it while creating an account.

Site Image: This represents your blog logo. Replace this with the Favicon/Logo of your blog, preferably a 192×192 image (square).

Update site settings when done here.

Install PushEngage JavaScript Code.

This javascript is needed to enable your blog visitors subscribe. You should copy this code into a notepad and refer to my guide on how to add enable PushEngage code to Blogger/WordPress below.

You should use option 2 if your site is running on HTTPS.

Send Welcome Notifications to Subscribers

It is wise a decision to send welcome messages to visitors whenever they subscribe. And PushEngage makes this possible with just a click to activate the option.

Tick the box beside “Send Welcome Notifications to Subscribers” and follow the below tips on optimizing it.

Notification Title: Welcome to your blog name might do the job but feel free to tweak this.

Notification Message: I have seen product marketers informing customers of new/free products using this. But is it good? why don’t you try it and see? Leave your feedback as a comment.

Notification URL: Where do you want visitors to go to when they click your welcoming push? Input that URL in this field.

Note: A live preview of your changes is displayed at the right.

Save when done.

That’s all for installation settings. Let’s take a step further.

Subscription DialogBox Settings

Next Up. It’s time to Configure how our Optin box will look like when asking for visitors to subscribe. To do this, you need to navigate to Settings >> Subscription Dialogbox Settings.

Site Type: Here you decide whether your site is running on HTTPS or not.

Dialogbox type: To make getting users more converting, PushEngage has provided users with several box styles. Pick anyone from the list.

Optin Delay Time: How long do you want your box to wait before it displays? – set it here.

Optin Title: This is the brain behind converting. The Title! you need to write a well structured and catching title. You could even offer them a free product/deal just to gain their attention.

Optin Allow Button Text & Optin Close Button Text: These are self-explanatory. Use whatever words that suit your needs and also will be converting to your intended title.

Update Optin Settings when done.

Intermediate Page Settings

Whenever a visitor clicks on your notification box. He/she will be redirected to a page where he/she will make the final approval. This page lets you customize the messages shown to your visitors.

Page Heading: Headings are important CTR agents thus you should make it interesting to read.

Tag Line: Tagline is same as Description and in my SEO for BlogSpot beginners series, I talked about descriptions, free tips for better descriptions and tools that make writing an effective a walkthrough. You should read these guides to get equipped on writing the tagline.

Update Page Settings when done.

Get Notification Widget

CTR has always been about capturing the attention of the users. This simple floating widget lets you do that.

It lets you show a small box at the side collecting subscribers clicks. It’s good for CTR and to enable this, Tick the box beside “Enable”.

You can change this text displayed to something more converting for you.

Save when done.

Use Buttons/Links Code Snippets

These settings become handing when you wish to add a subscribe button to the sidebar or inside your blog post.

How to Add Push Notification To Blogger BlogSpot.

BlogSpot users are not left out of this cool feature!. With just a simple code attached to your <head> section, your push services will start collecting subscribers.

  1. Go to >> Theme >> Edit Theme >> Using CTRL + F search for <head>
  2. Go to PushEngage Dashboard >> Settings >> Installation Settings >> Install PushEngage JavaScript Code >> Copy the code.
  3. Return to your blogger dashboard >> Paste the code just below <head>. And Save.
  4. Optional, the above script will slow down your site if you are concerned about speed, read my guide on how to optimize JavaScript code for increased page speed.

Send Your First Push

With everything already, it’s time to send your first push. One recommendation is that you subscribe to your own notification list.

why? Doing so will give you a life experience of what happens with your push messages, whether they get delivered or not.

Secondly, you don’t just want to send out push messages to your visitors!. You need to optimize it for higher CTR. because that’s all that matters and you should read my guide on how to write CTR effective push messages.

Now follow the below steps to send your first push message.

Go to Notification >> New Notification.

On this section, you get to send an instant push message to your audience (subscribed users only).

Notification Title: If you are informing subscribers of a new post, then this could be the title of your new post. Titles could vary just try to keep the length moderate and also attractive.

Notification Message: A description message shown at the bottom of your title. It helps subscribers better understand what your title is talking about, try to include Call To Action text.

Notification URL: Where do you want your visitors to go to when they click? Add the URL here.

Notification Icon Image: Click change image to add an image of your choice as the thumbnail for that notification message.

Notification Duration: How long do you want your notification to display? is it until a visitor click or after 20seconds.

UTM Parameters

You can leave these settings as default or choose your own settings.

Scheduling Option

Decide whether to schedule your post until a specific time or send it right away to subscribers.

Expires: Is all about when your post will stop display to offline visitors.

Hit “Submit” when you are done and your notification will be published depending on your scheduling settings.

Rounding Up

Enabling push notification is a stress-free way of growing your traffic while protecting the email security of your users. Web push services are free and with a cool service such as PushEngage, you can totally build a notification system that won’t bug users and also will increase your user engagement.

Using Push Notification has an edge over other services such as emails. But am not discouraging the use of email systems. You can actually use both platforms together. In that way, you build both an instant audience and a generic audience since emails provide more product details. You can read my guide on how to setup Feedburner email services for your blog.

How To Setup Free Browser Push Notifications For Blogger & WordPress
Article Name
How To Setup Free Browser Push Notifications For Blogger & WordPress
Learn How To Easily Setup Free Browser Push Notifications For WordPress & Blogger Blogs Using PushEngage.
Publisher Name
Blogging Prince
Publisher Logo

Related Articles

9 Comments - Post Yours! How to? ▼

  1. Nice article. 🙂

    I learn alot on this blog..

    Keep it up bro (y)

  2. This comment has been removed by the author.

  3. Thank You For shearing…

  4. thanks for sharing info.

  5. I was looking for push notification widget for my blog and found it. I didn't expect you Prince John Okosun as your current position. You have made awesome professional blog.

    Few month ago, I contacted with you via mail. Probably you remember.

    Just awesome !! Keep up blogging.

  6. Thanks bro, whenever I visit your blog, I always found your articles very nice. ��

  7. please sir, this code is not working on my site please sir what should i do

  8. That’s true.
    I’m using OneSignal on my blog and I’m getting instant visitors after a post update/ publish.

    Thanks for sharing.

Leave a Reply