Push Notification Configuration Using One Signal Service: Complete Guide

[ubong]

In this article I will show you how to set up a push notification using one signal plugin and service. for you to have steady traffic and return reader or follower for you blog you need push notification to keep or to notify you old visitor about you new update or post

But before we start I will like to let you know what is push notification and how it work and the purpose and benefit of push notification on you blog or website

What Is Push Notification

A push notification is a message that pops up on a mobile device or website and blog. A blog owner or App publishers can send them at any time; users don't have to be in the app or site or using their devices to receive them. They can do a lot of things; for example, they can show the update of a blog news, get a user to take an action, such as downloading a coupon, or prompting a user to read the update.

This Are Main Notorious Site That Using Push Notification

• Facbook
• YouTube
• LinkedIn
• Pinterest

This site allow you to subscribe to their push notification to recieve update event on you timeline or wall

Web push notifications serve as clickable icons or messages that are displayed on the top corner of the desktop of the users. These notifications can be displayed even when the users have not opened their desktop. In addition to the website browsers, the notifications are also displayed on the mobile browsers as it show below

Step By Step Guide To Setup Web push Notification

In this tutorial we are going to using one signal plugin and service to set up our free web notification on our blog

Step 1:

The first step to take is to visit onesignal and login if you have already have account or signup for you free account. One signal allow their user to register with facebook, google, Github account as show below

Step 2

On next step you have to activate onesignal plugin on your wordpress site if you are using wordpress site and Once you have activated OneSignal plugin on your wordpress plugin dashboard or site, you need to advance to Login. this will require you to input you email address and password or you can login with you social network account

Step 3: Once you enter the main dashboard of OneSignal, it shows the number of conversions you have made on a daily basis. And You also come across a menu that says “Add a New App” on the dashboard. You can click on the “+” sign. A box would appear wherein you have to enter the app name and then, click “create” to add the same.

Step 5: Once you have created a new app, a subpage will appear that asks you to make some editing to your newly created app. You can close it for now.

Step 6: From the main dashboard, you need to go to App Settings. A sub page appears that displays a lot of menus like platforms, administrations, Keys & IDs, and Import Users from Another Service.Under the Platforms column, you would observe the option “Google Chrome and Mozilla Firefox”. You can set the web push notifications for the main web browsers like Google Chrome, Mozilla Firefox, and Apple Safari.

Step 7: Right next to each of these options, you can click on the option “Configure” for enabling your web push notifications on the desired web browser. On the “Configure Platform”, you need to enter the URL of your site.

Under the section “Default Notification Icon URL”, you can get it from your library. From the dashboard of your site, go to Media from the left menu, and then head to Library. You can click on any image, copy its URL and then paste it in the box “Default Notification Icon URL”. Whenever you will be sending the web push notification, this image with the URL is going to show up on the user’s browser. Therefore, you must ensure that the image is appropriate and its represents your website. Then, click on “Save”.

Step 4: Next, head to Keys & IDs column on the App Settings. Here, you just need to copy and paste the given OneSignal App ID onto your site’s plugin icon. So, head back to the dashboard of your WordPress site, go to Plugins > Add New

Step 5: Click on “OneSignal Push”. Now, copy the OneSignal App ID from the OneSignal “Keys & IDs” section. Now paste that under the App ID section in the Account Settings of OneSignal Push. Repeat the same for the REST API Key.

Read Also: How to setup Header and footer Plugin

Step 6: Now, scroll down. You can change the Notification Title as per the one that represents your business. Another important thing to check out here is the “Automatically prompt new site visitors to subscribe to push notifications”. You can toggle it on as whenever anyone visits your site, it will automatically pop up and notify the users about your postings and offers right away. You also need to check on the option that says “Send notifications additionally to iOS & Android platforms”.

Comments

[greetbot]

Hi. I am @greetbot - a bot that uses AI to look for newbies who write good content.
I found your post and decided to help you get noticed.
I will pay a resteeming service to resteem your post,
and I'll give you my stamp of automatic approval!

[resteembot]

Resteemed by @resteembot! Good Luck!
The resteem was payed by @greetbot
Curious?
The @resteembot's introduction post
Get more from @resteembot with the #resteembotsentme initiative
Check out the great posts I already resteemed.