Onesignal push notification configuration in wordpress step by step

Onesignal push notification configuration in wordpress step by step:

Push notifications became the more popular feature from blogs to ecommerce platforms. We could able to find lot of push notification plugins for wordpress. But onesignal is great among them because of its simplicity in configuration and the free pricing.

 

 

They still offer premium support, but I don’t think it is needed because unlimited devices, unlimited notifications etc., comes in the free version itself.

Onesignal push notification configuration in wordpress step by step

 

Two things need to be done to configure the push notifications in wordpress:

  1. Signup in onesignal and do some basic configurations like platform selection (chrome, Mozilla or android etc.,)
  2. Install one signal plugin and configure it.

 

1.Signup in onesignal and do some basic configurations like platform selection (chrome, Mozilla or android etc.,)

 

Open https://onesignal.com and Login (sign up is free only).

After the successful login,

Click create a new app and give some name (eg: Javadomain)

Now Click the Javadomain and navigate to App settings.

Onesignal push notification configuration in wordpress step by step

 

Give site url and the site icon[Your notification icon must be 80 pixels × 80 pixels large] and click save.

 

Note:

If your site is https then ensure the checkbox “My site is not fully HTTPS” is unchecked.

 

Onesignal push notification configuration in wordpress step by step

 

So far, we have completed selecting the platform for push notification (here we enabled push notification only for windows and chrome), If you want to configure it for android, ios, safari just click configure and finish it. For safari and ios you may need to import some certificates.

 

Things to Note:

In the APP settings you will be able to find a tab “Keys & IDs” click and note down

Onesignal App ID & REST API key.

Onesignal push notification configuration in wordpress step by step

 

2.Install one signal plugin and configure it.

Onesignal push notification configuration in wordpress step by step

In the Account settings we need to configure the keys & IDs we noted down from onesignal portal.

 

App ID: Paste Onesignal App ID which you copied from onesignal.com (refer things to note section above)

REST API Key: Rest API Key which you copied from onesignal.com(refer things to note section above)

OneSignal Subdomain: we need to create some subdomain (eg: javadomain) then push notification will be delivered from javadomain.onesignal.com.

Mention only javadomain [not javadomain.onesignal.com]

 

If you want only your own domain url (eg:ngdeveloper.com instead of javadomain.onesignal.com) then your site must be upgraded to https.

 

Safari Web ID: not needed at this point, because we enabled only chrome and Mozilla notifications in onesignal app settings.

Onesignal push notification configuration in wordpress step by step

 

 

After entering the above details click save. You have done setting up push notifications in wordpress. Onesignal also provide few options for some customizations, you can check and enable if you need anything.

 

 

How to test push notification?

 

Refresh the page and click the bell icon to subscribe for push notifications.

Onesignal push notification configuration in wordpress step by step

 

Onesignal push notification configuration in wordpress step by step

 

Since I did not give any default icon, icon did not come in the notifications. But you can mention it in onesignal.com app settings.

 

 

Now go to posts and click edit for any posts, in the post edit or new post screen right side above to the post/update one checkbox enabled.

Onesignal push notification configuration in wordpress step by step

 

Now I am in some different tabs of the browser but notification came like this,

Onesignal push notification configuration in wordpress step by step

 

Hope you got clear idea on how to setup one signal pushnotification in wordpress.

 

If you are using any other plugin/way for push notification in your blog, please comment below to try it once!

 

883 total views, 1 views today

About Mirthbees 677 Articles
Blogger, Innovator, Developer and Enterpreneur. Founder of GuruRecharge, Readymade online recharge script. Lead Developer in Bookrate.in

Be the first to comment

Leave a Reply

Your email address will not be published.


*


This site uses Akismet to reduce spam. Learn how your comment data is processed.