How to Add Browser Push Notifications to Your WordPress Site

Forrest Pykes Mar 23, 2025

How many subscription channels does your blog offer?

If you haven't enabled the required subscription options yet, you should do so now.

With the latest advancements in technology, there are now new ways you can use to notify your readers of your blog’s latest posts or important updates.

Today, I will talk about PushEngage: a web push notification service for WordPress . It also supports other platforms like e-commerce sites , WooCommerce, Joomla, Drupal, bbPress , etc.

Before I go any further, let me show you how much traffic I got from PushEngage in 3 days:

How to Add Browser Push Notifications to Your WordPress Site

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

Read: Benefits of Web Push Notifications for Bloggers – A Powerful Marketing Technique

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

PushEngage is a great 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 the admin panel of your WordPress blog and follow this tutorial. Within 5 minutes, web push notifications will be enabled on your WordPress blog.

How to Get More Subscribers and Traffic Using Browser Push Notifications

Currently, the service supports Chrome on all platforms (mobile and desktop) and Safari on Mac OS. In the future, we can expect it to support other browsers such as Firefox.

The setup part is quick and easy. Let's get started by following this step-by-step guide.

To get started, create a PushEngage account here .

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

How to Add Browser Push Notifications to Your WordPress Site

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

How to Add Browser Push Notifications to Your WordPress Site

  • Go to Plugins > Add New and search for "PushEngage". Install and activate the plugin. Plugin link
  • After activating the plugin, click PushEngage > Dashboard. To activate the plugin, you need to get an API key from your PushEngage account. I have marked the points in the image below that can help you create an API key.

How to Add Browser Push Notifications to Your WordPress Site

After activating the plugin, you now need to configure your subscription settings.

  • Go to Settings > Installation Settings and add your logo. (This is important for your brand image.)

Subscription Dialog Settings

Here you will configure the prompt that users see when they subscribe to push updates. I use "Single Step Selection" for ShoutMeLoud, and I recommend you do the same. "Safari Style Box" is another popular method.

How to Add Browser Push Notifications to Your WordPress Site

Once you have completed and logged in, you will see a dashboard similar to the one below (in the screenshot). It will show you statistics and other details for existing subscribed users.

You can send a custom push message at any time by clicking on the Send Notification tab.

GCM Settings

This value is very important and you should definitely create your GCM account.

If you are not very tech savvy, you can ignore it. However, using this document will make the process much easier.

Welcome Notice

How to Add Browser Push Notifications to Your WordPress Site

This step is optional.

Use this function if you want to send a welcome message to users who have subscribed to notifications .

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

Statistics

Here are push notification statistics from SidelinePlay:

How to Add Browser Push Notifications to Your WordPress Site

In your post compose section, you will see an option to send a push notification when the post is published or updated.

How to Add Browser Push Notifications to Your WordPress Site

Try not to send too many push notifications in a short period of time . In the next guide, I will share some PushEngage tips to help you make the most of push notifications.

Get started with PushEngage

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

PushEngage has added a new feature called Templates which helps you to quickly launch campaigns using pre-made templates. These templates are designed to achieve higher conversion rates.

Tell me how you added push notifications to increase your website traffic and profits?

Here are some carefully selected articles for you to read:

Disclosure: Some of the links in this article contain affiliate links, which means we may earn a commission if you click through to visit us, at no extra cost to you. See how SidelinePlay is funded, why it’s important, and how you can support us.

Was this helpful?

0/400

Get free tips and resources right in your inbox, along with 60,000+ others