How to Send Push Notifications on WordPress with OneSignal

Contributed content / By Yashraj Singh / 6 November 2019

Push notifications are helpful tools for engaging customers on your website. In this article, we break down how to install OneSignal, a helpful tool for integrating push notifications on your WordPress website.

If your WordPress website frequently publishes fresh content, you should consider creating push notifications for your customers.

WordPress push notifications inform users about updates to your website in real-time. You can program them to kick in whenever a blog is published or a software update is made. 

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.

This guide will show how to enable Google Chrome to push notifications for your WordPress website through OneSignal, a popular push notification integration software tool.

Why You Need Push Notifications

WordPress push notifications come in handy when businesses wish to re-engage an audience. Web browser push notifications are helpful for:

  • Special offers: Marketing some special discount 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, an abandoned cart, etc.

Even though this guide uses OneSignal as an example, the WordPress plugin directory has many plugins that automatically enable desktop notifications to subscribers.

This guide also assumes that your website is hosted on Cloudways, a well-managed WordPress hosting platform. If your website is not hosted on Cloudways, it’s easy to sign up for the service.

How to Send Push Notifications on WordPress With OneSignal

  1. Install the OneSignal Plugin on WordPress
  2. Enable Push Notifications for Your WordPress Website
  3. Send Push Notifications to Subscribers
  4. Explore Push Notification Data

1. Install the OneSignal Plugin on WordPress

To install the OneSignal plugin on your website, start by logging into the WordPress dashboard. Navigate to “Plugins” and “Add New.” Then, search for “OneSignal” with no space in the top right search box. 

Click on the “Install Now” button, shown in the image below. 

install now button wordpress onesignal

Once the plugin is installed, navigate to “OneSignal Push” in the admin menu. 

You will find the OneSignal dashboard, shown below, that provides tips about ways to quickly install OneSignal to begin sending out WordPress push notifications.

onesignal push notification step 2

The plugin’s steps include:

  1. Create a OneSignal account
  2. Create a Web Push app in OneSignal
  3. Set up your Web Push app

Once the plugin is installed, log into your OneSignal account to begin creating push notifications.

2. Enable Push Notifications for Your WordPress Website

It’s easy to allow the OneSignal WordPress plugin to produce desktop notifications for both Chrome and Firefox browsers.

In the OneSignal dashboard, shown below, click on the “Add App” button and enter the name of your new app.

onesignal word press add new app

OneSignal will prompt you to enter the new name in a dialog box before you can begin creating the app.

Once you have created the app, you can choose platforms for your push notification. 

Since I’m setting up web push notifications in this example, I’ll select the “Web Push” option shown below before navigating to the next screen.

choose platforms for onesignal push notification

A menu on the right-hand side of the setup tool shows the different steps required to set up your push notification.

Next, select “WordPress Plugin or Website Builder” then choose WordPress as shown in the image below:

choose wordpress plugin for onesignal

Selecting “WordPress Plugin or Website Builder” will display different content management systems, such as SquareSpace and Shopify, for you to choose from. Make sure you select WordPress on this screen.

Scroll down and enter the essential details like website name and URL into the dialog box shown below. 

onesignal edit url

If your site doesn’t use HTTPS, remember to choose the toggle labelled “My website isn’t fully HTTPS.” 

Once you have entered all of the necessary information, click the “Save” button. 

Next, OneSignal will provide the App ID along with API key that will be used to integrate the OneSignal WordPress plugin.

onesignal api key

Underneath the App ID and API key are buttons reading “Copy APP ID” and “Copy API Key” that you can use to copy the codes easily.

Once you have copied the codes, navigate back to your WordPress dashboard, then click OneSignal Push and navigate to “Configuration.” 

Paste the keys you copied earlier into the form shown below.

onesignal paste api key

After configuring your app, you will see a long list of alternatives that have to be disabled or enabled depending on your preferences.
Once you configure your app, you can test notifications for website visitors that subscribe.

3. Send Push Notifications to Subscribers

Now you have configured each and everything properly and the users can subscribe to get WordPress push notifications.

For example, I’ve made and published a new post in 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 the subdomain name are already present.

onesignal notification test

You can customize how these push notifications appear within the OneSignal WordPress plugin

4. Explore Push Notification Data

The good thing about OneSignal web push notification is the comprehensive data on the push notification subscribers.

To see who has subscribed to your push notifications, log into your OneSignal account and click “Users” in the top navigation menu. 

onesignal notification segment view

In this view you can learn more about who subscribes to your notifications. OneSignal sorts them by “Active Users,” “Engaged Users” and “Inactive Users” so you can get the best understanding of who sees your push notifications. 

5. Track Push Notifications

You can also track your push notifications within OneSignal. In the top navigation menu, click “Delivery” to view all of your WordPress push notifications. 

onesignal sent messages

In this view, you can see the status, date, and time of the notification. You can also see the percentage of subscribers that clicked on the notification.

It is also possible to get more insights about each push notification by clicking on the push notification title. 

OneSignal Helps Enable Push Notifications in WordPress

It is important that you follow the process outlined in this article when you are using OneSignal to enable push notifications on a WordPress website. 

Start by installing the OneSignal plugin on your WordPress website. Once the plugin is installed, you can send push notifications to your website visitors.
 

owner

Want to Hire a Service Provider?

Get a free shortlist of best-fit companies from a Clutch Analyst

Based on your budget, timeline, and specifications we can help you build a shortlist of companies that perfectly matches your project needs.

Tell us about your project