Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
WordPress / Advertising

Notification Bar Plugin

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Notification Bar Plugin - CodeCanyon Item for Sale


Ad: Bluehost hosting
THESE STARS ARE WAITING FOR YOUR RATING! Please Rate our products Services serve you better. wjFruItscom

Support Forum

Notification Bar Plugin Allows you to add a cool notify bar to your WordPress website. This plugins gives you an additional extended message feature which you can control by settings in the backend.

Latest Updates

version 2.0.8
  • 1. Added sidebar option under extended message section.
  • 2. Added extened message container width option.
  • 3. Added [nbarExtclick]Click Here[/nbarExtclick] shortocde, Now notification bar can open from any where in page/post content.
  • 4. Fixed some style issues.
  • 5. Fixed layout issue.
  • 6. The bar is now Responsive too.
Endd OUR CONTENT OOx NOTIFICATION BAR NOTIFICATION II1Di1 Flexibility Content Width Know more DIGOOGLE MAPS NOTIFICATION BAR NOTIFICATION BAR Feature your Google Maps Know more Edenckcl 5ac NOTIFICATION FORALLDEVICES PLATFORMS NOTIFICATION BAR Flexibility Contentwidth LATEST SIDEBAR TWITTER SIDEBAR CONTACT SIDEBAR GALLERY 51DEBARI This 45i.qst 12.3. Drnmy SUeet. CooI WOrstS Faking Boiieaid. wMdget lm.Nalon P.0.010101 Latest Post Latest Post Latest POst Latest Post Latest PostS RESPONSIVEI PONSIVE wpFrults.ccj CiIiat EIEI Premium WordPress Themes Plugins Services Solutions

Now use the short code [nbarExtclick]Click Here[/nbarExtclick] and this will create a event to open up the extended bar on click.

NOTIFICATION BAR VICES FORALL PLATFORMS NOTIFICATION BAR LATEST SIDEBAR Latest Post Latest Post Latest Post Latest Post Latest Post TWITTER SIDEBAR CONTACT DEBAR 123. Dummy Street. Faking Boulevard, P.0.010101 hours ago Cati Enter title here HTML Reveal Exciting New update CLICK This Latest Post IIIj REVEAL Create UEt FCCeSS Sidear,our the use Solutionsi Get this Exdting New update CLICK HERE LATEST SIDEBAR 1W1TTER DEBAR CONTACT SIDEBAR GALLERY SIDEBAR Latest Post This per 123, Dummy Street Latest Post Faking Boulevard, Latest Post LatestPost4 P.0.010101 Latest Post hours ago Call Latest Post Edecc1ec1 ADD SIDEBARS OW!IN YOUR NOTIFICATION BAR NOTIFICATION

You need to upload the zip file to the add plugin option in the backend or you can ftp the plugin files to the wp-contents/plugins folders. Then you need to go to the plugins tab and activate the plugin.

Notification Bar Plugin can be used to create any number of notification bar and you can seamlessly use them on any page as you wish. You have full control. Here are some of the features of the Notification Bar Plugins

  1. Create Multiple bar and use them as per wish on posts/pages.
  2. Support to social icons.
  3. Compatible with all the browsers
  4. Fully HTML support: You can put any html in the message you want to display. So you can customize it any way you want.
  5. Extend bar feature: Sometimes the message space is not enough for you. You can use the extend bar feature which will slide down autmatically at the time you set and will slide bar up to the time you set up. So you have an extra space to market your things without irritating the user.
  6. Enable/disable for a particular post or page
Application Plugin. Full HTML Customization Embeded Social Sharing Premium Support Level Display Compatible witIWtrdPress,AT.OWAIW.iY ack Expand Click CosVopse SusSCIaeC Applications Notification Quick Contact forms Use Navigation Bar Subscription Box for Giveaways Engage Users and share Important Info Embed Videos Audio Files for easy access. Giveaways display Add Edit Customize your own Html Content Many Many More 1IPO WHL MO1A cAwa bteocMwu CAfl III CREATE STUNNING MOVING OBJECTS PUOM LIGHTS ItI MOUT seRvicis

To make settings for the plugin click on the Notification Bar pro tab on the left bottom in the wordpress backend.

osts Installer MuIti Notification Category Pro

On clicking it will take you to the list of the various notification bars that you have created. If you are using it for the first time you see one default created for you there. You should see something like this

NOTIFICATION BAR Pro LJJE TABLE NOTIFICATION BARS Notification Bar Deleted Notification Bar Name Edit Active Delete Edit Deactivate 9eactivate, DELETE DELETE DELETE not use spaces special characters. Create new Notification Bar ADD NEW NOTIEICAT ION bAR firstnbar one Edit Deactivate

So you can create a new notification bar or you can edit or deactivate any of the existing ones.

Click on Edit and it will take you to the setting options for that particular notification bar.


Now you can see you can make settings for the different aspects of the notification bar. We will go through them one by one. Click on the Default Settings tab.

DEFAULT SEITINGS SAVE Default Top Background Are you Ready Transform Yourself the NEXT Level also Input HTML Message Message

Default State: You can decide whether you want the bar to be opened or closed when the page loads. So you can set it to close and it can slide down say after 6 sec if you set the time to 6 secs or vice versa.

Position: You can put the bar at the top of the page or at the bottom of the page.

Stay Time: This is time in sec when the bar will toggle its position from opened to close or vice versa depending on its default state.

Background Color: Select the color of the bar that you want to. You can set it to any color you want.

Message: Put the message that you want to show to your users. (You can use html tags like bold or strong or any other even divs and inline css)

Message Font Size and Color: Set them to match the look and feel of your website.

Press Save.

Ciick on Link Button Settings.

UNIt BlinON SETIINGS SAVE Button Button Subscribe Now Button Button Button

So enter the values for the url where you want the user to take to when they click on the button.

Button Text: This will show up on the button so may be you can try something like Click now or subscribe now or whatever you want it to be.

Other settings for the buttons like font size, button background color and font color and the target so if you want the the link to be opened up in a new tab set the button target to _BLANK.

Press Save and Click on Social Button Settings and enter the value for the social networks that you want to show up on the left of the bar, leave empty if you dont want to show anything.

SOCIAL SEIIJJNGS SAVE Facebook follow Twitter follow Linkedin follow RSS

Press Save and you are done with the Basic Settings For the Bar.

So Far we just made the settings for the basic bar which will appear on the top or the bottom of the page and will hide after a few seconds which you will decide. But the most important and useful part of this plugin is the extended bar feature which allows you to show up a extended message to your users asking them to do something or may be show them some extra information or anything you want to conver to your visitors. This will increase your conversion rates by many folds for sure. So how to enable the extend bar feature. While editing a bar you will see a check box saying “Enable Extended Notification Bar” Check it

Enable Notification

And you will see the complete panel for the Extended bar


So you can make settings for the extended bar now. Click on the Default Settings Tab:

DEFAULT LUNGS SAVE Default OPEN Disable Counter Message Open Message Close Message This Notification Bar plugin will take your website the next level and can make you get great conversions with your products are all your users will able also Input HTML Message Message

So for the Default settings for Extended bar you have a few settings:

Default State: Default state of the extended bar, whether you want it to be open by default or you want it to be closed by default and then open up after a few seconds.

Disable Counter Message: Counter message will show up on the left if you enable it showing after how many seconds the bar will slide back.

Message open time: Message open time is the duration in seconds after which the extended bar should slider down.

Message close time: This is the time after which the Extended bar will slide back. So suppose you want the extended message to slider down after 8 seconds of the page load and then slider back in another 10 seconds so your message open time will be 8 secs and message close time will be 10 secs.

Message Template: We have three premade template for you.

Template1 which has an image on the left and message on the right.

Template2 which has the image on the right and message on the left

Template3 which has the image at the bottom of the message. So either you can use these template of you can write a custom html in that case select the template 3 and leave the image settings empty.

Message (Font, color and the message): Make the settings for the extended message that you want to show on the extended bar. You can use your own html here, may be a subscription form, or a vedio or an image or ads.

Then comes the image settings and the link button settings for extended message.

IMAGE SEIJ.INGS SAVE Image Upload Image Image 150 Image 150 Image Image

UNK BTJITON SErIINGS SAVE Button Button More. Button Button Button

Make the settings and save and you are done with the extended bar option and you are ready to use this bar on your posts and pages and everywhere.

As you may be creating many bars and we need to have a global settings and a default bar that will show up on the pages you intend to use it. This settings is controlled by the global settings options which you can set by clicking the settings options just under the notification bar pro option

Notification Bar fica!onBrc Setting

Click on it and it will take you to the Global settings options

NOTIFICATION BAR Pro Settings DEFAULT SE1UNGS Enable Notification Default Notification Where show Default Notification Pages Posts Home Page Blog Page Categories Custom Taxonomies Tags Date Archive Author Page SAVE

You can completely disable the notification bar by just unchecking the Enable check box and then you can add notification bar to posts and pages manually. But if you want to show them on all the pages you can make settings for the default bar here. Select the default from the bars that you have created and check the options where you want to show the bar by default.

Remember you can override this setting in the post/post editor options for that particular posts/page.

You can override whatever default setings you may have made for the plugin for a particular post or page. Under the post editor you will see an option to do that.

Select Notification Bar for this check this, you want disable Notification Bar for this Add this one

So you can disable the bar here or select one from the ones that you have created for this post/page.

THESE STARS ARE WAITING FOR YOUR RATING! Please Rate our products Services serve you better. wjFruItscom

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


5 February 13

Last Update:
23 January 14

Compatible Browsers:
IE11, Firefox, Safari, Opera, Chrome

Files Included:
JavaScript JS, HTML, CSS, PHP

Software Version:
WordPress 4.0, WordPress 3.9, WordPress 3.8, WordPress 3.7, WordPress 3.6, WordPress 3.5, WordPress 3.4, WordPress 3.3, WordPress 3.2, WordPress 3.1, WordPress 3.0


eCommerce, eCommerce, All Items, ad bar on top, Add advertise bar on top, market yourself, notification bar, notification bar bottom, notification bar plugin, Notify users, sign up bar on top, subscribe bar