How to Create Easy Notification Bar for Your Website

Looking for a quick and easy way to create a notification bar on your website? This article is for you.

A notification bar is a small banner displayed at the top of your website’s page. It is a great way of capturing leads without disturbing visitors’ attention from your site content.

You can use the notification bar to tell your visitors about a new deal, special discount, or just shouting out some exciting announcements!

In this tutorial, we’ll discuss how to easily create a notification bar in WordPress with a powerful and easy to use tool Optinmonster.

How to Create a Notification Bar for Your Website

To create one, follow the simple steps listed below.

Step 1: Install and Activate OptinMonster Plugin

To get started, first, you need to login to your Optinmonster account.

Next, you need to install and activate the Optinmonster plugin on your WordPress website.

Optinmonster plugin

Once you successfully installed the plugin, it’s time to connect your Optinmonster account.

connect your Optinmonster account

Step 2: Create a New Campaign

Once you’ve connected Optinmonster to your WordPress website, it’s time to create a notification campaign.

For this, click on the “Create New Campaign” button on the top right corner of your Optinmonster account.

Create New Campaign

To create the campaign, choose the Floating Bar option.

Optinmonster new campaign

On the next page, you’ll see more than 50 campaign templates. Simply select a template that you’ll need to create your campaign and click on the “Use Template” button to select it.

Here we’re going to use the ‘Promo’ template for our notification bar.

optinmonster promo template

Once you have selected a template, give your campaign a name and choose what site you want to load this campaign on.

Name your campaign

Once you’re done, click on the “Start Building” button to proceed further.

Step 3: Customize Your Campaign

After that, you’ll be redirected to the Optinmonster campaign builder interface.

OptinMonster editor

The first thing you’ll do here is to change the position of your notification bar to the top of your screen. To do this, click ‘Floating Settings’ on the left-hand side editor.

Floating Settings

Next, click the toggle switch to move the floating bar to the top of the screen.

change the position of the Floating Bar

Once the position is updated, it’s time to change the text on the floating bar. For this, simply click on the text you want to modify and the editor will open on the left-hand side.

optinmonster campaign editor

You can also change the font, size, color of the text, countdown timer, and more.

Once you are done with the editing, click on the “Save” button and proceed further.

Step 4: Choose Display Settings

Now, go to Display Rules to decide how your campaign will display. By default, the display rule is set at 5 seconds to display after the visitor has been on the page.

optinmonster display rule

Once you’re done with display rules, click on the ‘Next step’ button.

Step 4: Add and Publish Notification Bar to Your Website

After configuring your notification bar campaign, it’s time to add it to your website. For this, click on the “Publish” tab and toggle the Status option to Live.

Publish optinmonster

Now, you have a fully functional website notification bar at the top of your website.

Optinmonster notification bar


You have successfully created your notification bar campaign.

Final Word

We hope this article helped you to add a notification bar to your WordPress website. So start using this amazing plugin now and boost your conversions and email list fast. If you have any questions or suggestions about this article, let us know in the comments!

Leave a Comment

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