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

276Shares

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.

Stats

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
276Shares
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. sudhakar

    Thanks for sharing. Is it possible to have notification on mobile ?

    1. Harsh Agrawal

      @Sudhakar
      Yes, it supports Chrome browser on mobile.

  2. Gaurav

    Thats an amazing plugin Harsh. Thanks for introducing me to this.

  3. nabeel faiz

    Really nice Harsh. I also tried PushEngage. It is really good notification service for new bloggers.

  4. ternak ayam

    thanks for your sharing, thats so helpful for me.

  5. ismo adamou

    Hi Harsh
    I work for the traffic generator to my new on niche technology I think the notification of the push can help me have traffic engaging and help build a list of subscribers who will be interested in new messages I will publish. Thank you for this very relevant article.

  6. Mintu

    Thank You Harsh Sir for letting us to know this additional features of blogging. Definately it increases our pageviews.

  7. Amit

    This plugin looks much more better also you get 2500 free subsriber option which is really good to test it.

  8. kelvish

    Hello there Harsh,

    Pleasant Tutorial, I was utilizing push engage before I discovered your post.

    There is a little change in Pushengage, on the off chance that anybody utilizes HTTPS then they can conceal the subdomain augmentation and demonstrate their own particular URL in the Alert Box/popup.

    I began utilizing without https so I saw this change

  9. Kaustubh Patel

    Nice tutorial.I am using onesignal push plugin for my wordpress. But after reading your article, i think i should check pushengage once. Thanks for letting us about this plugin

  10. Shahrukh

    Thank you for your contribution to help other blogger to grow..
    And again thank you, to giving such information to grow..
    Keep it up..
    We all are with you…
    Thank you…

  11. Himanshu Grewal

    Respectes sir

    I have a problem last 3 days.

    My wordpress is not open.

    When i go http://www.himanshugrewal. com/ wp-admin (enter email id and password) my wp dashboard is not open.

    When i click forgot password they show me error like “could not save password reset key to database”

    can you please tell me how can i login my wp.

    I don’t have any cpanel and WHM account.

    I install my site to serverpilot.

    1. Harsh Agrawal

      Hey Himanshu,

      Your MySQL DB is full. Try deleting some database and try again. If it does not work out, contact your host.

  12. Almin

    Greetings Harsh, First of much thanks for sharing this excellent procedure and this is numerous also, since this is a warning the clients will get on the page in that spot in the screen while they are in the page. This is truly exceptionally pleasant. At this cutting edge age we ought to discover new thoughts and new procedures which would be exceptionally advantageous and simple for clients to get to the reason they are perusing the post. Be that as it may, I have couple of inquiries.

    * Does this apply for the versatile programs too?

    Much thanks to you once more.

  13. Gaurav Khurana

    Thanks Harsh Configured it. Good to see you are even promoting plugins which has just 900+ downloads.. Some of the options are changed..Like single optin subscriber has been removed

    Also there is a delay field introduced

  14. Niraj Kashyap

    Hi Harsh,

    Nice Tutorial, I was using pushengage before I found your post.

    There is a little tweak in Pushengage, if anyone uses HTTPS then they can hide the subdomain extension and show their own URL in the Alert Box/popup.

    I started using without https so I noticed this change.

    Thanks
    Niraj

    1. Joby John

      Aswm ! thanks for sharing tip with us !!

  15. Pramendra Singh

    Thanks for such an informative post. My question is, can we use it on mobile devices too. I think this doesn’t support mobile devices yet.

  16. Shraban Kumar Mahato

    Hi Harsh, I am already using it on blogger. Push notification is an amazing service for bloggers, as well as blog readers. I have nice experience on it.

  17. Menaka Bharathi

    Very informative post Harsh! would want to use this feature in my site too.

  18. Sonu Sharma

    Hi Harsh
    I was noticing these notifications on different blogs, its really good idea.

  19. Atul Sinha

    Very helpful article to implement push notification for wordpress users but my blog is running on blogspot. So is there any way to implement push notification on blogspot?

  20. Gurjyot Singh

    Great article Harsh and definitely there is a great benefit of enabling push notifications. I just saw that PushEngage is also a big service provider and they are providing free service up to 2500 subscribers which is great as well.
    Although you can also tell about OneSignal which provides push notification service for free to all. I have used it for sometime and it’s working just fine. Just sharing my experience 🙂

Leave a Comment

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

Scroll to Top
276 Shares