How To Add Browser Push Notifications to your WordPress Site (Beginners Guide)


Update: Web-push notifications are now enabled for the Chrome browser. This article has been updated with new information. 

Browser Push Notifications WordPress
  • Save

How many subscription channels are you offering on your blog?

If you haven’t already enabled the must-have subscription options, you should do that now.

With recent advancements in technology, there are now a few new methods that you can use to notify your readers of the latest posts or important updates from your blog.

Today, I will be talking about PushEngage: A web push notification service for WordPress. It also supports other platforms like e-commerce sites, WooCommerce, Joomla, Drupal, bbPress & much more.

Before moving ahead, let me show you how much traffic I got in 3 days from PushEngage:

  • Save

Using the PushEngage service, you give another subscription option to the readers of your blog who are using Chrome (all platforms) or Safari on Mac OS.

Read: Benefits Of Web Push Notifications For Bloggers – Powerful Marketing Tech

If you are using a smartphone (iOS or Android), I’m sure you are aware of push notifications sent by your installed apps. Web-push notifications are similar to smartphone push notifications where your subscribers will be notified when a new post is published or when you manually send a push notification.

PushEngage is an awesome service that allows you to send these push notifications.

In this tutorial, I will show you how easy it is to enable push notifications for your WordPress blog.

You should open your WordPress blog’s admin panel and follow along with this tutorial. Within 5 minutes, your WordPress blog will be web-push notification enabled.

How to Get more subscribers & traffic with browser Push Notifications

At this moment, this service supports the Chrome browser on all platforms (mobile & desktop) and the Safari browser on Mac OS. In the future, we can expect it to support other browsers like Firefox.

The setup part is quick and easy. So let’s get started with this step-by-step guide.

First, go ahead and create an account on PushEngage over here.

The free account allows you to send 30 campaigns per month for 2,500 subscribers, which is a decent number for a small and medium-sized website.

  • Save

Once you have signed up for an account, you need to add your blog’s name and add your blog’s logo. This is useful for the branding of your push notifications.

Pushengage starter
  • Save
  • Go to Plugins > Add New and search for “PushEngage”. Install and activate the plugin. <Link of the plugin>
  • Upon activation of the plugin, click on PushEngage > Dashboard. To activate the plugin you need to get the API Key from your PushEngage account. I have marked the points in the below image that will help you create the API Key.
Creating an API Key
  • Save

Once you are done activating the plugin, now you need to configure the subscription settings.

  • Go to Settings > Installation Settings & add your logo. (This is important for your brand identity.)
Installation settings Pushcrew
  • Save

Subscription Dialog Box Settings

This is where you will configure the prompt that users will see to subscribe to your push updates. I use “Single Step Optin” for ShoutMeLoud & I suggest the same for you. “Safari Style Box” is another popular method.

Subscription box settings
  • Save

Once you are done and logged in, you will see a dashboard like the one below (in the screenshot). It will show you the stats of existing subscribed users and other details.

You can click on the “Send A Notification” tab to send a custom push message anytime.

GCM Settings

This value is pretty crucial & you really should create your GCM account.

If you are not so tech-savvy, you can ignore it. However, using this documentation will make the process easier.

Welcome Notification

Welcome notification
  • Save

This step is optional.

If you want to send a welcome message to users who subscribed to your notifications, use this feature.

You can ask users to download your mobile app or send them to your top resources.


Here is a Stats report of push notifications from ShoutMeLoud:

  • Save

In your post writing section, you will see an option to send push notifications when you publish or update a post.

Send automatic push notifications
  • Save

Try not to send too many push notifications in a short span. In the next guide, I will share a few tricks of PushEngage to help you make the most out of push notifications.

Do let me know your experience with web-push notifications. Do you know of another modern subscription option that I should cover here on ShoutMeLoud?

November 2023 update:

PushEngage added a new feature called template, which will help you make a campaign live quickly with pre-made template. These templates are designed for higher conversions.

Let me know how you are increasing Push notifications to grow your website traffic and profit?

Here are a few hand-picked articles for you to read next:

Was this helpful?

Thanks for your feedback!
  • Save
Authored By
A Blogger, Author and a speaker! Harsh Agrawal is recognized as a leader in digital marketing and FinTech space. Fountainhead of ShoutMeLoud, and a Speaker at ASW, Hero Mindmine, Inorbit, IBM, India blockchain summit. Also, an award-winning blogger.

142 thoughts on “How To Add Browser Push Notifications to your WordPress Site (Beginners Guide)”

  1. Amar

    Hi Harsh. Always loved your articles. Very informative and to the point. Will be trying PushEngage for sure.

    By the way, what commenting plugin are you using? I find it is better than the std wordpress comment.

  2. webswift

    Running onesignal push on and it works well. It would be really good if there was a setting to allow users to only receive notifications from the category that they clicked the bell button from.

  3. Mathukutty P. V.

    Thanks for the tutorial. I have added pushengage.

  4. Faraz Ahmad

    Nice tutorial, thanks for sharing! Is there a way to add large images using push engage wordpress plugin ?

    1. Harsh Agrawal

      They have this feature on the website (When using their web panel) but not for WordPress plugin yet.

  5. Bhawna Kaushik

    Hey Harsh,
    Thank you for this detailed tutorial. I have tried some plugin but it didnt seem to work. I have recently started blogging. Infact I have written 3 posts so far. I write whenever I get free time. This is new experience for me and your website was recommended to me by a friend.
    Free account with 2500 subscribers seems decent. I will give it a try and see if it works for me 😛

  6. Suleman

    Hey Harsh,
    I am also using the pushengage notification on my blog and it is really amazing. I want to limit the notification for a subscriber. How to do that?

    1. Harsh Agrawal

      You can start sending notifications manually.

  7. Sugandha Biswas

    Hi! Harsh
    I have been using the free version of Pushcrew on my website Blogmantra, but sadly it is only for desktop notifications. I need to upgrade in order to have mobile notifications.
    Does the free version of Pushengage cover for mobile notifications too ?

    1. Harsh Agrawal

      Yes, it does!

      1. Sugandha Biswas

        Pushengage website is not reachable at the moment.
        Wondering if they have shut it down!
        Any other alternatives for pushengage that you would like to suggest?

        1. Harsh Agrawal

          It was temporary errors & it should be backed up now.
          Alternatives to PushEngage are:
          OneSignal (They are free but they sell users data so not recommended for businesses)

  8. movie hd apk

    Thanks Harsh Configured it. Good to see you are even promoting plugins which has just 900+ downloads..

  9. Rohit Singh

    Push Engage is awesome, but what about one signal one? most of my friends suggest me to use one signal and its free to use.

  10. Sahil sharma

    Thank you so much.bro….🤗

  11. Brandon Graves

    Good and well written article!! Much informative to get revenue by generating the organic traffic through various notifications or subscriber features of the browser.

  12. Kiran Patil

    Dear Harsh,

    After reading this post I installed Pushengage on my site and within 15 days, I got 67 subscribers. But today as soon as I updates this plugin, my site was down. After calling customer care of bulehost india, they deactivate all plugin and told me to activate one by one. But Pushengage show ‘Fatel error’ which activating this plugin and they said me to install other plugin.

    So please guide me.

    1. Harsh Agrawal

      Seems like some kind of compatibility issue with PushEngage plugin.
      Do write an email to [email protected] & he would help you fixing this issue.
      Let me know how it goes.


    Hi harsh,
    You are the inspiration for me. I am new in this field and don’t know anything about it, that’s why I try to follow you. One of the best site I ever found for WordPress tutorial.
    Thanks for this help.

  14. Anuj

    Thank you for such great article. pushengage is one of the best free push notification plugin for WP. I’m using this on my blog.

  15. Narinder kumar

    Thanks Harsh for sharing a great WordPress plugin to engage more visitors with the own blog I am definitely trying this technique.

  16. ELMAR

    Although i used the guide for GCM SETTINGS it doesn’t show me the active subscribers. I used the Firebase console to get GCM Project Key and GCM Project Key. I copy paste these and try to verify the GCM Settings but i get this message “Sorry But our Server is not authorised to use this API KEY ,If you want to know how to register for a GCM Key, please refer to our blog post here”
    What I am doing wrong? Can you help me?

  17. raghav dushyant

    hi harsh

    i like the way you explain everything to us in a normal way,,,
    keep up this hard work

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top