Get the #1 website hosting for beginners in May 2024

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

$45 off Link Whisper | #1 Page Builder Plugin for WordPress | Try Content at Scale

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!


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.

Sanu Kumar Singh

Written by Sanu Singh (Author)

Hi, I'm Sanu, the voice behind MasteryBlogging. I write tutorials on blogging, SEO, and affiliate marketing. Follow me on Twitter and Linkedin.

Leave a Comment

How I finally cracked the code of affiliate marketing...

I started affiliate marketing back in 2020, as a pandemic project.

I struggled to gain traction with it for a long time.

The whole process was tough – from managing heaps of affiliate links to finding (and negotiating) the best programs, and just keeping everything on my site well-organized.

It felt like never-ending chaos.

And I just didn't make much money from it.

Perhaps you're in the same boat.

Imagine my surprise when I suddenly woke up one morning to a flurry of emails (see my recent payments proof below):

In that week, my view of affiliate marketing changed forever.

So what caused this shift?

Well, I owe much of this success to an amazing WordPress tool called Lasso​.

It's the ultimate affiliate marketer's partner – created by affiliate marketers at the top of their game.

With Lasso, you can:

  • Create gorgeous product display boxes to maximize your conversions
  • Boost revenue by spotting juicy new affiliate opportunities across your entire site (this is my favourite feature)
  • Easily track and manage all affiliate links on your WordPress website in one handy dashboard
  • Elegantly cloak your links rather than having them chock full of messy affiliate text
  • Import all Amazon SiteStripe links with just one click (super handy if you're using Amazon Associates)

So if, like me, you've been struggling to make affiliate marketing work for you, it's worth giving Lasso a try.

Click here to watch a demo.

In short, Lasso is the best WordPress plugin for affiliate marketing. If you want to earn more affiliate income and grow your niche site, you need Lasso!

Until next time, happy blogging!


Copy link
Powered by Social Snap