Get The No. 1 WordPress Hosting for Beginners in February 2025

How to Create Web Notification Bars for Your Website Using OptinMonster (Easy Guide for Beginners)

Helium 10 Discount | Circle.so Promo | Kadence Coupon | Rocket.net Coupon | Descript Coupon

How to Create Web Notification Bars for Your Website

Do you want to add a web notification alert on your WordPress website? Adding a notification bar to your website is a great way to drive traffic and increase your revenue.

The best Notification bar WordPress plugins let you build a campaign without writing a single code, while also allows you to add a alert notification bar on a particular page, to specific visitors, at specific times.

In this tutorial, we’ll learn how to create a website notification bar with OptinMonster that helps to communicate with your audience. It is one of the best and smartest ways to create a notification bar in WordPress or any other CMS platform.

Let’s dive in.

What is a Website Notification Bar?

A website notification bar is a type of advertising or marketing technique displayed at the top or bottom of a website and provides your users with important information. I am sure that you must have ever seen this on any website (maybe on Amazon). It looks something like this;

OptinMonster website notification bar
Source: OptinMonster

Most of the eCommerce sites use this technique to boost their sales and overall revenue.

Here are some of the few benefits of using the website notification bar:

  • You can share any promotional offer, discount coupons.
  • Create urgency with a countdown timer popup
  • Boost the numbers of email subscribers using this technique
  • Tell your visitors about your Company’s new terms and services
  • Do you have an online store? Notify your customers about shipping and purchase information etc.

And many more.

That being said, let’s take a look at how to add website notification bar in WordPress using OptinMonster.

How to Create a Website Notification Bar in WordPress?

To activate the notification bar, you need to buy a paid plan from OptinMonster. If you’re really serious about your website growth, then get started with OptinMonster today!

optinmonster

Now, follow the exact steps given below:

Step 1: Log in to your OptinMonster account.

First of all, you need to log in to your OptinMonster account.

Log In to Your OptinMonster Account

Step 2 – Creating New Campaign

Next, click on Create New Campaign button. You can find it on the right side of your dashboard.

Create a new campaign

Step 3 – Select Your Campaign Type

You need to select the Floating Bar campaign to create a notification bar.

Floating Bar Campaign

Step 4 – Choose Template

Then you’ll need to choose your template. OptinMonster gives you the option to choose from 50+ pre-made templates, you can use any template to create the notification bar.

If you do not like any of these templates, you can simply select the canvas and create one from scratch.

Floating bar canvas template

For this tutorial, we will be using the Alert template.

Alert floating bar template

Once you finalize, click on the “Use Templates” button and a popup will open where you need to enter a name for your campaign and select the website where you want to use the notification bar. When you’re done, hit the Start Building button.

Step 5 – Customize Your Notification Bar Template

Here’s how your website notification bar template looks like in the editor tool:

Floating Bar in the Editor

By default, the floating bar template will be at the bottom of your site but we need to change and bring it to the top. To do that, click Floating Settings on the left-hand side of your editor tool.

Floating Settings

and turn on the toggle of Load Floating Bar at Top of Page.

Put Floating Bar on the Top of the Page

This will bring your floating bar campaign to the top of your page.

Floating bar at the top of the page

Now, the very next thing we need to do is change our text. Just click on the text you want to modify or change and this will open your text element editor on the left side where you’ll be able to change or modify the text.

Change the text of your floating bar campaign

Similarly, you can also do with the buttons. When you’re editing a button, just make sure you change the action URL of your button. To do this, click on the button link from the template and this will pull up the button settings. Now, go to the Action tab and paste the URL of your more information page or service in the Redirect URL field as seen below:

Insert Redirect URL

Click on save when you’re done. That’s it.

Step 6 – Set Up the Display Rules and Publish

Go to Display Settings at the top and change time on page to is immediate. With this little extra effort, you can target your customers in a more effective way.

Click Display Rules in the Top Editor
Change to Is Immediate

Don’t forget to click on Save.

Now, all that’s left is to hit Publish your floating bar campaign. Go to Publish tab at the top of your page and change the status to Live by turning on the toggle. This will make your campaign live.

Publish Notification Bar

After publishing the campaign, the notification alert on your site will look like this:

Example website notification bar

That’s a Wrap!!

So there you have it. You just learned how to create a notification bar in WordPress with the help of OptinMonster. If you are still not using the website notification bar on your site, now’s the best time to start using it. This way, you can drive more traffic to your site, increase your conversions, and get more revenue. So what are you waiting for? Click the link below and join the OptinMonster family!

Click here to get started today and experience the notification bar campaign yourself.

About The Author

Hi I am Sanu

Sanu Kumar Singh is a full-time blogger with 7+ years of experience in online business. He is an expert in SEO, affiliate marketing, and content creation. At MasteryBlogging, he shares valuable tips and insights to keep you ahead of the curve in this dynamic industry. Learn more about Sanu and his journey here. You can also connect with him on social media platforms.

Leave a Comment