What Is Push Notification? How To Use It On Your Blog?

Recently I start using push notification on my blog called StayMeOnline. I found it very helpful so I decided to write a post on it and informing our user with this awesome features.

You have seen much time on your mobile screen, there is a notification which informs you about the update, deals, or even that you got a new message. But you always think that I have not opened that app so why I am getting this notification? It doesn’t matter that you open that app or not. you have installed it.

Web Browser Push Notification also works same, Whenever you open a website it asks you to allow push notification if you allow it then whenever they update their site like publish new content or anything you will get the notification.

I am sure that you have seen many YouTubers says that subscribe our channel and press that bell icon to get the notification of the latest videos. this is push notification.

Push Notification is a type of notification which informs users about the updates on their phone screens and Browsers screen. For a blogger, it is better than email notification. Your visitors don’t need to fill their details for subscribing they only need to click allow to subscribe.

There are many tools available for push notification. you can use any of them. I am using OneSignal for this tutorial…

First, Go to your WordPress Login page and Login in as admin.

Then you need to install a plugin which called OneSignal you can install it by any method which you knows. If you don’t know how to install a WordPress plugin? You can read the post to know this.

Read:

You can simply click on Plugin>Add New>Search with name OneSignal and click on install button then wait for installation it will take some time. then click Activate to make plugin live on your WordPress site.

Before you proceed, you need a OneSignal account. Now go to OneSignal.

Now you need Web Push for your blog so go for it.

Push Notification, staymeonline

A signup pop will be pop up and now you are to fill your details like Email, Password, Confirm Password and Company name. You can also signup using your Github, Google, and Facebook.

Push Notification, staymeonline

Your account is successfully created now you have to check your inbox they have sent you a confirmation link. which is like this. click on the button to confirm your account. after confirming your account log in it with your details.

push notification, staymeonline

This is the Dashboard. Now click on Add a new app. a pop up will appear and it will ask you to set a name for your app. I am giving it demo app you can use whatever you want and click create.

Push notification, staymeonlin

Second pop up will appear and it will ask you to choose one platform to configure. You can add more platform in future if you want. There are many platforms but you need to choose Website Push. Click Next.

Push notification, staymeonlin

Nex, You need to click on Google Chrome & Mozilla Firefox. but don’t worry you can configure apple safari also in future if you want.

push notification, staymeonline

Fill your Site URL in the first filled and icon URL in the second filled. if your site is not fully HTTPS so don’t forget to check the box. At the last click Save.

push notification, staymeonline

Select your target SDK. Choose WordPress Here. and click Next.

push notification, staymeonline

Your Push Notification created successfully. On this screen, You can see Rest API key and App ID which you need to copy and paste to the Plugin setup page.

push notification, staymeonline

Open your Plugin page on the WordPress panel and click on the configuration tab. Copy your App Id and past as same copy your rest API key and Paste in the second box which is highlighted.

push notification, staymeonline

Now customize your push notification like Size, Position of your notification, and Theme. Write the Message for the First time users which will Notify on the button like I write Click for Push Notification. Write Tip when subscribe. You can customize these field as you want.

push notification, staymeonline

Customize your Welcome Notification Settings. This notification is sent to new visitors after subscribing. set title or leave it blank to your website default title. Then message like Thank you for Subscribing. URL, leave it blank.

push notification, staymeonline

Set Automatic Notification Settings like shown in the image it will be sent an automatic notification when you published a new post. Don,t touch advanced settings if you don’t know. At the last click save.

push notification, staymeonline

You have successfully setup push notification on your WordPress blog. This is the time to test it go to your site and reload it. It will show a Push Notification which is asking you to allow for the Updates like this. So allow it.

push notification, staymeonline

Then Immediately you will receive a Notification. This is your Welcome Notification.

push notification, staymeonline

Allow it to test further action effectively. And go to your OneSignal website (I hope You did not close it). You can see the Image. I know your screen is not the same as my because now you have to click the Check Subscribed Users button. It will show you the same message as my image is showing. Click on Done.

push notification, staymeonline

 

3 thoughts on “What Is Push Notification? How To Use It On Your Blog?

Leave a Comment

Share
Tweet
Pin
+1
Share