push notification

How to Enable Push Notification to a WordPress Site Using OneSignal?

Last updated on September 15th, 2023 at 06:52 am

Maybe your WordPress site is among the many varieties of websites that frequently publish fresh content. So as to induce the right eyeballs in a very healthy number, each single piece ought to be marketed to the proper audience.

Can you think about a good method of marketing the content than demonstrating a web push notification that pops up in your subscriber’s display, each time you upgrade or take a brand new blog live?

Let us dig a little deeper and see how it is possible to add WordPress push notifications in custom WordPress development to your site through OneSignal.


  • What is WordPress push notification?
  • Why WordPress push notification is important?
  • WordPress push notifications plugins
  • Enable Desktop Notifications for WordPress
  • Subscribe to WordPress Desktop Notification
  • Send desktop notifications to subscribers
  • Unsubscribe from WordPress push notifications
  • Customize the OneSignal WordPress notification bell
  • What more can you search in one signal push notifications?
  • Explore subscribed users
  • Track web push notifications
  • More WordPress push notification Plugins

What is WordPress push notification?

WordPress push notifications kick in whenever a blog is published or updated on a website. These notifications resemble desktop notifications and are a fantastic tool for re-engaging your current audience. If used responsibly, push notifications could possibly turn into the best referral resource for your sites.

Facebook is just one of those many platforms/products that have raised the usage of web push notifications to some fine art. In case you’ve allowed Chrome push notification, and the Facebook tab is closed, then you generally find a pop-up notification of the latest post at the bottom right corner of the display screen.

Why WordPress push notification is important?

WordPress push notifications are useful when manufacturers wish to re-engage their viewers. In specific, web push notifications are helpful for:

  • Special offers: Marketing some special discounts or limited-time discount offers to generate some more sales.
  • Announcements: Inform and educate the viewer about crucial events, product upgrades, etc.
  • Onboarding: Welcome new customers, notification about a buy, request for product reviews, abundant cart, etc.

In today’s manual, I will reveal how it is possible to enable Chrome push notifications for WordPress and redirect more visitors to your site. WordPress plugin directory has many plugins that could automatically enable/provide desktop notifications to your subscribers/visitors.

While I recommend you use the plugins to find the ideal match for your site. With the intention of this tutorial, I’ll use onesignal – a web push notification plugin.

In a nutshell, Here is the way the plugin works: When you update/publish a post (and mark the checkbox in which it states, send notification on article upgrade just above the publish button), Onesignal will send an internet push notification to the readers and subscribers, even when they have left your site.

Here we go!!!

Now, I’m assuming that your site is hosted on Cloudways, an extremely strong managed WordPress hosting platform. If that is not the situation, learn how simple is to host a WordPress site on Cloudways for the very best performance.

WordPress push notifications plugin

Let us begin with installing the OneSignal WordPress push notification plugin.

Login into the WordPress dashboard, Navigate to → plugins → add new. At the top right search box, search for “OneSignal” with no space. Click on the install now and then activate the plugin.

Navigate to the OneSignal push in the admin menu. You will see the by default one signal dashboard, that provides tips about ways to quickly install OneSignal to begin sending out WordPress push notifications.

Enable web push notifications for WordPress

Allowing the OneSignal WordPress plugin and establishing desktop notifications for both Chrome and Firefox browsers is an easy matter.

Begin with creating an account about the onesignal site. After successful registration, you’ll be redirected to the onesignal dashboard, in which you have to put in a new application.

Click on the Add App tab and enter the app name. For the purpose of this tutorial, I’m naming the app “Testing Internet Push”.

Then, click on the add app and it will redirect to the select platform. Since I’m setting up web push notifications, I’ll select web push out of the available alternatives and click on the next button.

On another screen, select WordPress plugin or website builder then choose WordPress as shown in the image below:

Scroll down a little and input the essential details like the website name and URL. If your site isn’t using HTTPS, don’t forget to place the toggle labeled “My website isn’t fully HTTPS”. Google highly recommends securing WordPress sites with SSL certification.

Click save at the bottom of the page. Next, you’ll be provided the app ID along with the API key that will be used in establishing the OneSignal WordPress plugin.

Get back to your WordPress dashboard → onesignal push → configuration and paste the above-mentioned keys.

And today, you’ve got a long list of alternatives that have to be disabled or enabled.

Subscribe to WordPress push notifications

Now whenever somebody visits your site, onesignal will demonstrate a bell in the bottom left or right side of your site. A viewer can click on this bell icon to subscribe to web push notifications from the site.

A pop-up will appear searching for permission from the customer to display and deliver push notifications.

When a person clicks the allow button, then he’ll observe a pop-up at the end of the webpage.

And, the user is now subscribed to get web push notifications successfully.

Send push notifications to subscribers

Alright, so you have configured and everything properly and the users can subscribe to get WordPress push notifications.

Let us test this!!!

I’ve made and published a new post on my WordPress site titled ‘New post’.

Here’s the notification icon at the bottom of the screen. As you can see, the default picture, website name, article title and subdomain name are already present.

Unsubscribe from WordPress push notifications

The good part about OneSignal push notifications is that it permits the users to unsubscribe easily. Just click the bell icon at the bottom of the display screen and it’ll introduce a message to unsubscribe from web push notifications.

Alternatively, visitors can alter subscription preferences by visiting the website setting.

Here, users can select their preference to acquire Chrome push notifications for your site.

Find sites you’ve already subscribed

Each browser keeps a listing of those sites a user visits and subscribes to. In this tutorial, I’ll focus on Chrome push notifications. To view the listing, follow these steps:-

  1. Open Chrome
  2. At the top right, click on the 3 vertical dots and then settings.
  3. At the bottom, click on the advanced
  4. Search for “privacy and security”, click website settings
  5. Click the notification to view a list of allowed or blocked sites
  6. To block a website: Alongside “Block”, click add. Enter the website and click add.
  7. To permit a website: Alongside “Allow”, click add. Enter the website and click add.
  8. To edit a website: Just click three vertical dots, Edit and choose your preference.

For other browsers, have a look at their official docs web push notification.

Customize the OneSignal notification bell

OneSignalpush notification plugin permits you to personalize the notification icon. This is a superb way to make sure the OneSignal icon fits the installed WordPress theme.

For this, browse to WordPress dashboard OneSignal push configuration. There, you will get the following configuration settings:

  • Account settings
  • Sent notification settings
  • Prompt settings and notify button
  • HTTP pop-up settings
  • Welcome notification settings
  • Automatic notification settings
  • UTM tracking settings
  • Advanced Settings

What more can you search for in a OneSignal push notification?

Onesignal push notification is an all-purpose option for all types of WordPress’s computer and mobile notifications. What follows is a listing of the most well-known features.

● 15-minute setup
● Third Party integrations
● Free and unlimited
● Real-time tracking
● A/B test messages
● Segmentation targeting

Explore subscribed users

The good thing about OneSignal web push notification is the comprehensive data on the subscribers which you are able to examine for ‘connecting the dots’.

For this, login to your own onesignal account, browse to users and view all of the information.

To learn more about your own WordPress push notification subscribers, click View Users.

Then, you’ll see how nicely onesignal arranges information on subscribers.

If you want, you can additionally delete/remove a subscriber by clicking the options and selecting Delete.

Track web push notifications

From the menu bar, navigate to delivery. All of your WordPress push notifications can be found in this segment. Not only this, it is possible to get more insights about every push notification by clicking on the push notification title. In my situation, it is the ‘New post’.

More WordPress push notification plugins

As I said previously, there are several options of plugins in WordPress web development for sending out web push notifications. If you aren’t comfortable with what OneSignal offers, you are able to check the following plugins:

  • Omnikick
  • Push monkey
  • Delite Studio
  • Hello bar
  • Roost web push
  • Pushcrew
  • Mobiopush
  • Top bar
  • Izooto

Since this manual is on utilizing OneSignal, I’d recommend you research more about OneSignal push notifications for WordPress.

Now comes the big question: is it free? Yes, it is.

Onesignal’s business model involves selling subscriber information to advertisers and research companies. However, if you’re concerned about the privacy of your subscribers and you ought to be!, get the top version.

Similar Posts

Leave a Reply

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