Follow the procedures below for the setup

First thing you need to do is install and activate OneSignal plugin. After activation, the plugin will add a new menu item labeled OneSignal in your WordPress admin bar. Clicking on it will take you to plugin’s settings page.

The OneSignal settings page is divided into Setup and configuration tabs. The setup tab is actually detailed documentation on how to setup OneSignal push notifications plugin in Wordpress.

To setup OneSignal, you will need to add different API keys and application IDs into the plugin settings.

Let’s get started.

Step 1: Create Google Keys

First you need to visit Google Services Wizard website.

Simply provide a name for your app and add an Android package name. OneSignal does not use Android package name, but it is a required field.

Next, choose your country and region, then click on the ‘Choose and configure services’ button.

This will bring you to the next screen where you will be asked to select Google services you want to use with your app. You need to click on ‘Enable Google Cloud Messaging’ button.

You will see your server API Key and sender ID.

Copy your Sender ID and paste it in WordPress plugin’s Configuration tab under Google Project Number field. Also, Copy your Server API Key and paste in a text file on your computer because We are going to use it later on this tutorial.


Step 2: Chrome and Firefox Push Notifications setup

We will now setup push notifications on Chrome and Firefox. First you need to visit OneSignal website and create your free account.

Once you have created your account, you need to login and click on ‘Add a new app’ button.


Here, You will be asked to provide a name for your app, Use any name you wish and click on 'Create' button to continue.

On the next page, you will be asked to select a platform to configure. You need to select ‘Website Push’ and then click on the next button to continue.

You will be asked to select the browser platform. You will see Google Chrome and Mozilla Firefox in one box and Safari in another box. You need to click on Google Chrome and Firefox option, I will sow you how to setup Apple Safari later in this tutorial.

Click on the next button to continue.



Join the Discussion
Write something…
Recent messages
RKingsley Premium Plus
Hi Bibian! I'm having some trouble getting notifications to send automatically when I create a blog post. The OneSignal dashboard is now a bit different, not using Google APIs. Are you able to assist at all?

I'm wondering if it is anything to do with HTTPS vs HTTP?
Reply
JackieB830 Premium
Hi Jesse,

Sorry, I cannot help with your question, I am not familiar with OneSignal.

If you do not get an answer, you could try sending a Private Message to Bibian and see if that helps.

All the best

Blessings
Jackie
Reply
RKingsley Premium Plus
Answering unanswered questions causes them to no longer show up as "unanswered," so I'll need to ask again
Reply
JackieB830 Premium
Sorry Jesse, I did not know that.

Blessings
Jackie
Reply
VonWright Premium
Great information. I wasn't aware of this. I will be installing this plugin on my sites! Thanks!
Reply
DMcCalister Premium
Wow, you did a lot of work here with this training - thanks, I'll be trying this out on my site.

Thanks!
Dallas
Reply
Bibian2 Premium
Hello Calister,

OneSignal has always been one of my #1 plugins that I love because of it's functionalities, I hope you'll find it useful too.
Reply
Nick-at-WA Premium
Hi Bibian, I tried but got stuck...
Reply
Bibian2 Premium
What's the problem actually?
Reply
Bibian2 Premium
Wao, Nick seems your problem has been solved
Reply
ElaineSmith1 Premium
Hey Bibian,
Thanks for this training! This is so helpful.

Tried and True

ELAINE
Reply
Bibian2 Premium
You are welcome Elaine, thank you for finding it helpful
Reply
Top