How to Enable Push Notification for Your Blog In Under 5 Minutes?

Are you looking for a way to stay in touch with your blog visitors who haven’t subscribed to your newsletter? Have you heard of browser-based push notifications? Read this post along.

How many subscription channels option do you have on your blog? Do you know, there are now some new methods with which you can use to notify your visitors or even your regular readers for latest posts or critical updates directly through your blog.

Yes, this is true there is one web push notification service is available with which you can use on your WordPress blog. PushEngage is one of the popular names in web push notification services. You can even take advantage of this service on other platforms like BlogSpot, Drupal, Joomla, bbPress, e-commerce sites and many other platforms.

This service is another subscription option for your visitors and readers who are using Chrome or Safari web browsers. Setting up this web push notification service on your blog helps you stay top of the mind with your readers.

In this article, you will discover how to enable push notifications for your WordPress blog.

How to Add New Subscription Option With PushEngage Service?

How to Enable Push Notification for Your Blog In Under Minutes

Remember, right now this service supports Chrome browser, Firefox on the desktop platform & even on mobile, and the Safari browser running on Mac OS.

To take advantage of this service, first, off you need to create an account on PushEngage.

With a free plan, you can send unlimited push messages up to 2500 subscribers.

If you have more than 2500 subscribers, then you can also pick Premium plans starting from $29/Month.

Pro Tip: Save 15% with yearly billing, and it is worth to pay for a whole year in advance.

Once you sign up, fill required details like Blog Name, uploading a Blog Image with preferred image size of 192px X 192px, and the most important “Set Maximum Notification to Show Users at Given Time from Your Blog”.

PushEngage Installation Setting

What is that?

This is a push notification option. When you send push notification in a day, it gets queued and will show to users one by one infrequent. Remember, readers get annoyed with this. My personal recommendation to set maximum 2 notifications to show users.

Now let’s move forward with the installation process of push notification in WordPress.

Setting up PushEngage in WordPress is Easy. Simple steps to follow and your blog will ready to perform push notification from your web browser.

How to Setup Push Notification in WordPress?

Step #1. Copy the installation code from Installation Settings tab of PushEngage web platform.

Install PushEngage JavaScript Code to Footer file of WordPress

Step #2. Paste copied code before </body> tag in footer.php file in your WordPress Theme file. Make sure you take backup of the file before making any changes to it.

If you are running your blog/website on HTTPs protocol, then you will require performing one additional step.

Step #1. Download Package Files from the Installation Settings tab. A download folder would contain 2 files.

Step #2. Unzip the downloaded folder and copy those 2 files “manifest.json” and “service-worker.js

Upload PushEngage Package Files to Root Folder of Website

Step #3. Paste or Upload those files to the root folder of your WordPress hosted Blog.

How to Configure PushEngage Plugin in WordPress?

Step #1. Install PushEngage WordPress Plugin by navigating PluginsAdd New and Search for “PushEngage” Plugin.

Step #2. Install PushEngage Plugin and Activate the same.

Install PushEngage WordPress Plugin

Step #3. From the WordPress sidebar navigate to PushEngageDashboard.

Step #4. Now, Generate Push Engage API Key from PushEngage web platform. Click on this link and click on “Generate New Key”.

Step #5. Copy API Key and Paste in WordPress PushEngageDashboard, click on Submit.

Enter PushEngage API Key in WordPress Plugin

PushEngage, web push notification is installed and activated on your WordPress Blog.

Next thing is to setup Subscription Settings perfectly.

How to Setup PushEngage for Push Notification in WordPress?

Step #1. From the WordPress dashboard sidebar, navigate to PushEngageDialogbox Settings.

Step #2. If your blog running on HTTPs protocol then enable HTTPs option.

Step #3. Select the Dialogbox type you like and fill the required details and update option settings.Web Push Notification Subscribtion Settings

Step #4. Navigate to PushEngageWelcome Notification Setting.

Step #5. Enter welcome message and other required details in the boxes.

Setup Welcome Push Notification on your blog

GCM Settings

This value is critical. If you are not so tech savvy person, then you can ignore this setting.

Now all set to increase your blog subscribers with the new subscription channel.

Let your blog subscriber notify for a new post or update.

How to Send Push Notification Directly from WordPress?

Once you complete the process of setting up and installation PushEngage Web notification, you can now notify your blog readers for a new blog post and updates.

How to Send Web Push Notification in WordPress?

Step #1. Navigate to PushEngageNew Notification from WordPress dashboard.

Step #2. Give “Notification Title”, Enter “Notification Message”, and URL to let the user navigate to a web page.

Send Web Notification in WordPress

Step #3. Add UTM Parameters, to track and separate your blog visitors in Google Analytics Reports.

Step #4. Hit “Send Notification” Button.

How to Schedule Web Push Notification in WordPress?

Step #1. Click on “New Notification” under PushEngage in WordPress Dashboard.

Step #2. Add Title, Message, and URL.

Step #3. Click on “Advance Options”.

Push Notification Advance Setting

Step #4. Under “Advance Options” find “Scheduling Option”.

Step #5. Select “Later” from the drop-down menu, select a date and Time Slot to Send Notification.

Schedule Push Notification in WordPress

Step #6. Click on “Send Notification”, and your push notification is schedule.

Pro Tip: Don’t send too many push notifications in a short span. Users may find annoying and can unsubscribe.


The one big reason to use web browser push notification is to optimize click-through rates, and another benefit is that your users will be notified no matter what they do in their browser, and they don’t have to visit a dedicated page to see latest updates on your blog.

Once your users subscribe to your push notifications, the further step is to convince your readers to download few of your free stuff and encourage them to become your email subscribers.

Have you experienced this web push notification plugin? Not yet, then go on and try out this plugin on your blog and share your experience here with me.

Any question?
Ask here, and I will get back to it very soon.