How to Add Notification Bars to WordPress

Notification bars are one of the best methods to direct your visitors to specific pages and post, maybe you are hosting an event, or got a great offer from an affiliate vendor.

These bars usually can be found on top or bottom of websites and most of the time, they stick to either to the top of your browser or to the bottom. This way, they are always visible and visitors can take action more easily since they don’t need to find where it is.

Add Notification Bars to WordPress

In this tutorial, I’m going to walk you through the steps of adding such notification bars to your WordPress blog or website using the WP Notification Bars plugin from MyThemeShop.

WP Notification Bars is a free WordPress plugin that allows you to add lightweight and responsive notification bars to your website, with custom calls to action, fixed/ or floating positions, unlimited colors, and complete control over how and where they are displayed.

If you’re interested there’s also a premium version of this plugin, that comes with even more features. Check it here: WP Notification Bars Pro

How to Add Notification Bars to Your Website

The first thing you need to do of course is to download and install the plugin. You can find It here.

After you’ve installed and activated the plugin, a new menu item will appear in your dashboard navigation, called Notification Bars.

Adding New Bars

To add a new notification bar, simply go to Notification Bars -> Add New, then you’ll be presented with the editor screen. Here you have several option tabs.

The first tab is the general settings. Here you can set if you want your visitors to be able to hide/show the notification bar, the max width of the content inside the bar, and the position ( Fixed / floating )

The second tab is the content of your bars. Since we’re using the free version of the plugin, there aren’t too many options. We have text and link/button and custom scripts, such as facebooks like, twitter follow or some custom HTML code.

The third tab is all about the look of your notification bar. Background color, text color, button or link color and font size.

The last tab is where you can set who can see this bar. Here you can set if you only want it to appear on certain pages, or you don’t want it on certain pages. Or maybe you only want it to appear for visitors from google or Facebook. Or… not to appear for visitors from those sites.

Also, a nice feature is that you can preview your notification bar as you work on it in your admin dashboard before you push it live, by clicking the Live Preview button on the right side of the editor.

After you’re happy with your notification bar, simply press the Publish button and It’ll be live on your website.

You can have as many notification bars as you wish, you can activate/deactivate them by changing the status to published or draft.

I hope this tutorial helps you Add Notification Bars to WordPress. If you have questions, suggestions or opinions feel free to leave a comment down below! Also, if you found it useful, please share it with your friends and followers who might also benefit from it.

Get more stuff like this

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Add Comment

Get more stuff like this
in your inbox

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.