How to Make Web Push Notifications on Blogger

Web push notifications are pop-up messages or notifications that appear on your desktop or smartphone screen when opening a website or blog page.

This web push notifications has a lot of functions that we can use as much as possible.

The main function of this web push notification is to inform your website visitors to get the latest information from your website.

I’m sure if your website has interesting and informative content or articles it can help you to retain visitors to your site.

Basically, this web push notification is used for websites that use the wordpress platform and some even have a premium version.

Yes, here we will use the OneSignal plugin which is widely known by many wordpress users.

But, can we use this OneSignal plugin to add push notifications on our blog?

The answer is yes, we can use this web push notification from OneSignal to be installed on our blog.

Because now the OneSignal plugin has indeed provided this push notification feature for blogger users.

Well, for those of you who are interested in installing this web push notification on blogger, please follow the steps below.

How to Make Web Push Notifications on Blogger

Table of Contents

Go to the onesignal.com site

Then scroll to the bottom and click Sign Up For Free

You can register using your social media accounts such as Github, Facebook, and Google. Here I register using email, so please fill in your complete data, if you have clicked Create account

When finished, please check your email to verify your account

Then click Add App > give a name to your liking > then click Add App

Then click on WordPress Plugin or Website Builder, then select Blogger

Then do the configuration for your blog, please scroll down and fill in the data such as Blog Name, URL, Icon, and Label

Then scroll down in the Permission Prompt Setup section, click Add Prompt, then choose what you want here I chose Slide Prompt > Save

Then the Welcome Notification and Advance sections are optional options, you can set them if you want, if not, just skip it

Then at the very bottom click Save

Then add the script code above the code </head>

Then click Finish

Leave a Reply