How to Add Push Notifications to Your WordPress Site

By WP Saviour •  Updated: 03/06/21 •  10 min read

Each webpreneur I’ve met desires of driving extra visitors to their web site(s). Similar to you, they’re normally able to do no matter it takes to draw extra guests. In some circumstances, novices resort to blackhat web optimization strategies that produce brief time period positive factors however result in Google penalties down the road, which is simply unhappy.

The excellent news is there are lots of respectable methods of driving related visitors to your web site. To level you in the suitable route, standard strategies of gaining extra readers and clients embrace e-mail advertising, SMS, SEM, whitehat web optimization, PPC, social media advertising and – comparatively new out there – push notifications.

When you search to drive extra visitors to your WordPress web site utilizing push notifications, you’ll love this publish. In immediately’s serving, we present you precisely find out how to add push notifications to your WordPress website utilizing the favored OneSignal service. In different phrases, we arrange the free OneSignal WordPress plugin and configure the entire thing to ship out a take a look at push notification, , so you possibly can hit the bottom operating.

If that appears like one thing you’d like to do, refill your mug as a result of there’s a lot to study. Please share your considerations, greatest advertising suggestions, and basic ideas within the feedback.

What Are Push Notifications?

onesignal-push-notifications-preview-1871261

Push notifications are clickable notifications that your web site sends to a pc or cellular gadget. It’s a comparatively new advertising channel, which lets you ship advertising messages to your website guests lengthy after they go away your web site or shut their browsers.

Push notification advertising is rising in reputation because it doesn’t require the customer to offer an e-mail deal with or some other contact element to subscribe. It’s a new type of interrupt advertising with larger opt-in and click-through charges than different types of advertising comparable to e-mail.

That’s proper, push notifications are fairly well-liked that massive identify manufacturers comparable to Fb and Pinterest amongst others use the tactic to maintain customers going again for extra content material. The picture beneath exhibits you Fb push notifications in motion.

push-notifications-facebook-example-5415967

However don’t take my phrase for it, listed here are a few fascinating info about push notifications in response to an article printed at SendX.

That out of the best way, how do you employ push notifications to push your enterprise agenda ahead?

How you can Use Push Notifications

Push notifications come in useful in a lot of situations. Unknown to many novices, there are a few use circumstances for push notifications together with.

TL;DR: Push notification advertising comes with a number of advantages together with excessive opt-in charges, low unsubscription charges, a number of use circumstances, higher supply, elevated engagement, and – as we talked about earlier – a better CTR than many different types of advertising.

Now that push notification advertising doesn’t sound like alien expertise, allow us to arrange and configure the OneSignal push notification service in your WordPress web site.

How you can Set up OneSignal Push Notifications

onesignal-free-wordpress-plugin-7894742

To arrange the OneSignal push notification service, we use the nifty OneSignal WordPress plugin. The plugin is offered within the WordPress.org plugin repository that means you possibly can set up it from inside your WordPress admin dashboard.

We additionally use an SSL-ready area identify, and we encourage you to do the identical. Apart from, SSL boosts your WordPress website safety and means good issues on your web optimization efforts.

However how do you arrange OneSignal push notifications? Don’t fear, it’s as straightforward as pie – the stuff of fourth graders per se, and also you received’t should chew your keyboard just like the dude within the picture above. Or punch your laptop computer, whichever comes first ?

Shifting on.

Login to your WordPress admin dashboard and navigate to Plugins > Add New as proven beneath.

installing-a-new-wordpress-plugin-6082280

Doing so leads you to the Add Plugins web page the place you possibly can set up plugins out of your PC or instantly from the WordPress.org plugin repo. On this display screen, sort “OneSignal” within the key phrase search field, and as soon as you discover the plugin, hit the Set up Now button as we element within the picture beneath.

installing-the-onesignal-wordpress-plugin-5938361

Wait out the set up and eventually hit the Activate button as proven beneath.

activating-the-onesignal-wordpress-plugin-3566372

Activating the plugin provides a brand new OneSignal Push merchandise to your WordPress admin menu.

How you can Configure OneSignal Push Notifications

Whereas the OneSignal push notifications service comes with loads of options, it’s fairly straightforward to configure and use. To configure OneSignal push notifications, click on OneSignal Push in your WordPress admin menu as we spotlight within the screengrab beneath.

onesignal-push-wordpress-menu-item-1434625

Doing so leads you to the OneSignal settings web page proven within the snapshot beneath.

onesignal-wordpress-settings-page-5917759

Discover the notification on the very prime of the web page? Nicely, it lets what it’s best to do subsequent, identical to the directions proven beneath the Setup tab as proven within the picture above. The Configuration tab proven subsequent to it permits you to hyperlink the OneSignal push notifications service together with your WordPress website.

The picture beneath exhibits you the choices accessible beneath the Configuration tab; choices that you just use to configure, management and customise your push notifications.

onesignal-push-notifications-wordpress-plugin-configuration-page-2355739

Create a Free OneSignal Account

You’re doing simply effective, up to now so good. Now, allow us to get all the way down to work and truly create a working net push app. To do this, you first have to create a free OneSignal account.

How?

On the Setup tab, click on the OneSignal hyperlink as proven within the screenshot beneath.

onesignal-account-creation-link-in-wordpress-7711339

Alternatively, you possibly can merely level your browser to onesignal.com. All the identical, clicking the above hyperlink opens the official OneSignal web site in a brand new tab. Subsequent, click on the Signal Up button as we spotlight within the picture beneath.

onesignal-official-sign-up-button-5093567

Doing so results in a easy and brief sign-up type. Fill out the shape together with your e-mail, password and firm identify after which hit the Create Account button. Alternatively, you possibly can enroll utilizing GitHub, Google or Fb as we illustrate within the picture beneath.

onesignal-account-creation-form-6752831

On profitable registration, OneSignal will immediate you to examine your e-mail with a view to activate your account.

check-your-email-3491314

Log in to your mailbox and click on on Click on Right here To Verify Your Account button as proven within the picture beneath.

onesignal-account-activation-email-4146584

Clicking the above button confirms your account and opens the OneSignal dashboard in a brand new tab. OneSignal welcomes you with an onboarding tour you can take or skip as proven beneath.

onesignal-dashboard-start-7531709

However whether or not you’re taking the tour or not, you’ll finally find yourself on the straightforward OneSignal dashboard proven within the following picture.

onesignal-dashboard-8234501

Create a Net Push App

Now that you’ve got an energetic OneSignal account, allow us to create your first net push app. Click on the Add App button in your OneSignal dashboard as we spotlight within the picture beneath.

how-to-create-a-new-onesignal-web-push-app-1516364

Add an app identify so you’ll find it simply subsequent time by way of the pop-up that seems and hit the Add App button as detailed beneath.

naming-onesignal-web-push-app-6843760

On the following display screen, choose Net Push and click on the Subsequent button as we spotlight within the screenshot beneath.

choosing-onesignal-app-platform-7855582

After that, click on the WordPress Plugin or Web site Builder tab after which the WordPress tab as proven beneath.

configuring-web-push-6325062

Subsequent, scroll in direction of the underside of the web page, fill out the shape, add your icon and hit the Save button as proven beneath.

configure-web-push-3578989

Doing so saves your net push app and exposes the APP ID and API KEY you have to add OneSignal push notifications to your WordPress website. See picture beneath for particulars.

onesignal-app-id-api-key-9934204

It’s essential copy-paste the APP ID and API key into the respective fields of the Configuration tab. Merely navigate to OneSignal Push > Configuration and copy-paste the APP ID and API key as we spotlight beneath.

api-app-id-1747353

After that, select your required settings on the identical web page. Subsequent, scroll in direction of the underside of the web page and hit the Save button as proven beneath.

save-onesignal-push-notifications-4003812

And that’s it! Now, your web site is pushing notifications on all supported browsers besides Safari. Check out the brand new push notifications function by visiting your web site in a brand new incognito browser window. I even examined the Opera browser, and here’s what I acquired.

onesignal-push-notifications-opera-example-7743656

Not dangerous for about 10 minutes of configuring the OneSignal push notifications service. What do you assume?

Configuring OneSignal Push Notifications for the Safari Browser

To configure push notifications for the Safari browser, you have to generate the Safari Net ID. How? Open your OneSignal dashboard and click on in your net push app as proven beneath.

edit-web-push-6935811

Subsequent, click on Settings as proven within the screenshot beneath.

onesignal-web-push-app-settings-1793625

After that, click on the Apple Safari tab as we spotlight beneath.

onesignal-apple-safari-3242017

Subsequent, fill out the pop-up that seems and hit the Save button as we element beneath.

apple-safari-pop-up-8617017

After that, click on on the Apple Safari tab once more as proven beneath (discover it’s marked ACTIVE).

apple-safari-active-4224065

Doing so brings up a pop-up together with your Safari Net ID as proven within the following picture.

safari-web-id-8176671

You could copy-paste the above Net ID into the Configuration tab as we did with the APP ID and API key as proven beneath.

safari-web-id-config-7501536

Scroll in direction of the underside of the above web page and hit the Save button. Now, your OneSignal push notifications are energetic and supported on all main browsers. The very best half is the free OneSignal account helps as much as 30,000 net subscribers. The free account helps a limiteless variety of cellular subscribers.

When you want extra energy, you possibly can all the time spring for a premium package deal, beginning at $99 bucks per 30 days. We all the time encourage you to go together with the choice that works for your enterprise.

Push notifications are a good way of staying in contact together with your website guests. And since guests give push notifications prior consent, you’re certain that the individuals who subscribe are literally curious about what you’re providing.

Some great benefits of push notifications make this advertising channel profitable and fairly efficient. Organising push notifications utilizing the OneSignal WordPress plugin and repair is extremely straightforward you need to be up and operating in lower than 15 minutes.

gp-6020367 as-9058580

WP Saviour

I am a WordPress specialist. My mission is to help you create beautiful websites with ease!