How to Create a Website Notification Bar Easily in 2023?

Wondering how to announce special offers to your site readers? Then you are in the right place. Check out this post and learn how to create a website notification bar in WordPress.

What is a Notification Bar?

The notification bar is just a small banner that is displayed at the top of the blog/website. It helps to inform special offers or announcements to visitors without disturbing the content on the site.

There are many types of campaigns through which you can share the information with the notification bars.

They are as follows:

Count down timer offer
New promotional offers
For growing Email list
Informing changes or updates about the site

In this post, we will use the powerful and easy-to-use tool called OptinMonster to create a website notification bar easily on your website.

How to Create a Website Notification Bar in WordPress?

How to Create a Website Notification Bar Easily
  • Save
How to Create a Website Notification Bar Easily

With OptinMonster, you can create a notification bar easily within a few minutes. Let us get started now.

First login to your OptinMonster account.

  • Save

Once you have logged in, click on “Create New Campaign” available in the right corner.

create new campaign
  • Save

Then select the campaign type as “floating bar” which is used to create a website notification bar.

select a campaign
  • Save

After that, select your campaign template.

OptinMonster has more than 50 templates. You can choose your preferred one from them. Else, you can design one from scratch easily.

For this tutorial, we will use the “alert template

choose a template
  • Save

The alert template is in red color which grabs the attention of the visitor easily. Click on the alert template and name your campaign.

name your campaign
  • Save

If you think that the red color does not suit your website’s design, then you can edit it easily to match your website design.

First, you need to change the position of the notification bar.

To do that, click on “floating settings” on the left side of the OptinMonster editor screen.

update settings
  • Save

You can toggle the switch to show the bar on the top or the bottom of the website screen.

Once the position is updated, it is time to change the text of the campaign.

Just click on the text and you will be able to update the text.

design your form
  • Save

Not only text and the position, but you will also be able to update the following:

  • Width
  • Alignment
  • Color
  • Icon
  • Icon spacing
  • Text decoration
  • Border
  • And much more

The default “Read more” will be sufficient for most of the announcements. However, based on the announcements you can update the default text.

To change what happens when someone clicks on your notification bar, you would need to click on the button element which will open its editor tool.

Now, click on the action tab.

update action field
  • Save

The action button by default will redirect visitors to a different website. You just need to update the redirect URL to divert them to your target site.

If you are announcing any special deals or offers, you can update the redirect URL to the specific deals page.

update redirect page
  • Save

That’s it. Now, you have created the notification bar. You just need to update the display settings now.

Click on Display at the top of the editor screen.

By default, the campaign will be set to display after 5 seconds. For the best results, it is advised to set it to show immediately.

update display rules
  • Save

Once the changes are made, click on save and then hit the publish button.

That’s it. You have now successfully created a website notification bar at the top of your site.

You can view the video below on how to set up a notification bar easily.

Final Words

That’s all about creating a website notification bar.

With OptinMonster, you can easily create these types of the announcement and notification bars and increase your sales and revenue.

  • Save


Blogger and Entrepreneur. You can follow him on Twitter. At, he writes mostly about Blogging and Technology Tips

Leave a Comment

Share via
Copy link