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.
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.
Now you need Web Push for your blog so go for it.
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.
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.
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.
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.
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.
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.
Select your target SDK. Choose WordPress Here. and click Next.
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.
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.
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.
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.
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.
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.
Then Immediately you will receive a Notification. This is your Welcome Notification.
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.