How to Add OneSignal Push Notifications on Blogger Blogs

How to Add OneSignal Push Notifications: Hello Friend's In today's article, we are going to tell you How to Add OneSignal Push Notifications on Blogger Blogs, it is absolutely free, so that you can increase Traffic on your website.

How to Add OneSignal Push Notifications on blog

First of all, let us know that Blogger is a service provided by Google so that you can create your blog in Free.

Now let's talk about One Signal Push Notification, so many people ask us whether can I installed One Signal Push Notification in blogger? Because earlier this system could only be installed on WordPress Blog but now you can also apply this service on your Blogger Blog.

Why is One Signal Push Notification?

Those who do not know what is One Signal Push Notification? First, we tell them about One Signal Push Notification, this is a service that does a Notification Show when a visitor visits your website. In which they are asked to allow or disallow your Notifications. By doing this either people allow or disallow your Notification.

Now comes to the question of how Notification, we've to Allow this Plugin / Widget whenever you have to Publish a New Post to Blog then looked at your Notification those to tell you them a Notification Send Their Browser In which your latest post has a little information like the title of your latest post.

Now you've got two advantages of this thing, the first people who get on your Notification has to Allow them Information Direct Their Browser Your Latest Post.

And the second advantage is that they click on that Notification Direct to your website. So you must put One Signal Push Notification on your Blogger Blog.

How to Add OneSignal Push Notifications on Blogger Blogs

To add OneSignal Push Notifications on Blogger Blogs, you have to follow some basic steps like-

Step 01. One signal Push Notification

First, you have to create an account at One Signal Push Notification Website. For which you can visit the One Signal Website and click on the Login button.

Now like the image above, a popup window will open on your screen. In this window, you can click on the Sign-Up button below, if you wish, you can also sign up with your Facebook, Github or Google Account.

Step 02. Add a New App

Now, like on the screen above, on your screen, a page will open, where you get the option of Add a New App. You first click on it.

Step 03. App Name

You will now have a pop-up window open where you have to enter the name of your app. With the name of the app, you are not confused, you can name your website because it's just the name of your One Signal Account. After this, you click on the Create button.

Step 04. Web Push

You will now have a pop-up window open in front of the image above, where you have given some options, you have to click on the option of Web Push only.

Step 05. Configure Web Push

Now there will be a big page open on your screen, in which you have to configure Push Notification. In which you will set up all things for your Blogger Blog one by one:

01. WordPress Plugin or WordPress Builder

At the top you will get three options (Typical Sites, WordPress Plugin or WordPress Builder and Customs Code), you have to select the option of WordPress Plugin or WordPress Builder.

02. Site Setup

In this section, you have to enter the details of your website-

Site Name: In the first box, you have to type the name of your website.

Site Address: In the second box, you have to enter the URL of your website. We will suggest you to first open your website and then copy the entire URL and then paste it here.

03. Default Icon URL

Now if you want to add an icon of your One Signal then you can upload it directly from your computer or leave it blank. You get the default A Bell Icon.


If you have HTTPS installed on your website, then you can turn it on.

Permission Prompt Setup

This section is a bit more important to you because now you have to configure Push Notification, in which place you will have a Push Notification Show, what will be the show, what text will it contain, etc. This section is divided into 3 parts.

01. Subscription Bell

This Subscribe Bellis shown on your website/blog like a small icon, it is important for you to create it in the beginning.

Step 01. Add a Prompt

First, click on the Add a Prompt icon in the Permission Prompt Setup, which opens up a Pop-Up Page Open as shown above.

Step 02. Important Configuration

Size: First you have to set the size of your Bell Icon for which you have three options (Large, Medium, Small) You can select any of these options.

Location: Now you have to set a location for your Bell icon in which you get two options (Left, Right) You can select any of the two options according to your IQ.

Color: Now in Color, you have Main and Accent two options in which Main option lets you change the color of your Bell Icon and change the color inside the Icon from the Accent option.

Visibility: By opting this option, those people who do not have your Notification turned on again will not see your Subscribe Bell.

Step 03. Other Changes

There are some settings after these settings but they are not very important for you, so keep them the same and click Save Button.

02. Slide Prompt

First, click on the add a prompt button again and you open a popup of the Slide Prompt in front of you.

This Push Notification shows on your website when any visitor visits your website. Most people do this through Popup Notification via your Notification so you can customize this box according to your website as-

Slide down Prompt

First of all, you can do this on the checkbox given in front of this box, so that you can edit the text of this pop up too.

Action Message: In this box, you can write a small message for your readers so that they subscribe as soon as they read it.

Like: If you have a news website then you can write "Do you want to read Daily Latest News in free" or something like this that people will attract that they click on the Notification's Yes button only.

Button: Button you can also write in Hindi, English or Hinglish language as Yes - No, Yes - No, Ha - Nhi etc.

After this, you click on the Save button.

04. Welcome Notification

In this section, you have to write a Welcome Message, when your Reader will subscribe to your website, then it will be sent to you. You can also enter the URL of any page of your websites such as About Us or a Page of Thanks Page If you have made it, you can put it too.

Advanced Section

You do not have to make any changes on this section, you just click on the Save button given below.

Add Code to Site

After clicking on Save Button, now on your screen, a page will open like the image shown above, where you have been given a Code Combination, as well as a Button of Copy Code. You click on the Copy Code button so that it gets Copy Code.

So far you have configured One Signal Push Notification System, now you need to add it to your Blogger Blog for which we tell you further.

One Signal Push Notification in blogger

Now you have your One Signal Code that you want to add to your Blogger Blog for which you follow the steps given below-

Step 01. Login into your Blogger Dashboard

First, you log in to your Blogger Dashboard.

Step 02. Go to Themes Options

Go to Themes Options. Now you can click on Themes option in the left sidebar on the Blogger's Dashboard and in front of you will open a page like an image. In this page, you will find two options of Customize and Edit HTML just below the preview of your theme.

You can click on the option of Edit HTML, which makes your Theme's Coding Open.

Step 03. Paste your Copied Code

Now click anywhere on the given page with the mouse and press the Ctrl + F Button from Keyword, which will take a Search Box Show on your screen. I,n the Search Box you have to type <head> and press Enter. is.

By which you will find Coding of Head section of your Theme and you first create space by pressing Enter <head> below the code and paste it that you copied from Code One Signal Page.

Now your One Signal Push Notification code has been added to your theme, which is to save you by clicking on Save Template's Button and your One Signal Notification will be active on your Blogger Blog.

You open your blog in New Tab and check it out. Now your Blog Readers will be able to activate the Notification of your Blogger Blog and you will be able to easily increase Traffic on your blog.

In Conclusion (How to Add OneSignal Push Notifications Blogger)

Hopefully you can add your Blogger Blog Par One Signal Push Notification easily with the above information. Now, if you have any questions related to this topic then you can ask us in the Comment Box and you can use the Bell Icon or Email Subscription Service to get the latest notification of our latest post.

No comments:

Post a Comment