How to Create a Website Notification Bar Easily With WordPress in 2020

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 the 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 website notification bar easily in your website.

How to Create a Website Notification Bar in WordPress
  • Save
How to Create a Website Notification Bar in WordPress

How to Create a Website Notification Bar

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

First login to your OptinMonster account.

How to Create a Website Notification Bar Easily With WordPress in 2020 1
  • Save

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

How to Create a Website Notification Bar Easily With WordPress in 2020 2
  • Save

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

How to Create a Website Notification Bar Easily With WordPress in 2020 3
  • 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

How to Create a Website Notification Bar Easily With WordPress in 2020 4
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 5
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 6
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 7
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 8
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 9
  • 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.

How to Create a Website Notification Bar Easily With WordPress in 2020 10
  • 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 notification bar easily.

Final Words

That’s all about creating a website notification bar.

With OptinMonster, you can easily create these type of announcement and notification bar and increase your sales and revenue.

How to Create a Website Notification Bar Easily With WordPress in 2020
  • Save

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

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

20 Shares
20 Shares
Share via
Copy link