Foobar WordPress Plugin Version 2 Released


Just after the release of version 2 of the Foobar jQuery plugin, we have now released version 2 of the Foobar WordPress Notification Plugin. To say there are few new features would be an understatement! We listened to the community and added some awesome functionality, resulting in a notification bar plugin for WordPress that we feel has no equal!

New Features

Obviously the WordPress plugin inherits all the new features in the jQuery plugin, but there are also a ton more. Here is a list of the combined new features.

  • Bars can now be on the bottom
  • Added 2 more button themes
  • You can show navigation buttons to skip between messages
  • Conditional Logic. Show a bar only on the front page, or for a specific category, or on the 404 page etc.
  • Decide how the JS is included in the page (Dynamic / inline / generated to disc)
  • You can now completely close the bar, not just toggle it
  • Better support for client side cookies
  • Smart widths. You can now stretch the message area width to fill the page.
  • Allow encoding of HTML within messages, so they work with caching plugins
  • Custom CSS and JS which are applied to all foobars
  • Additional custom CSS and JS metaboxes for each foobar
  • Proper implementation for RTL text
  • Choose which post types see the “Choose Foobar” metabox
  • Choose to only allow administrators to manage your foobars
  • Performance improvements
  • Better customization
  • Online version checker

Bottom Bars

One of the most requested features was to get foobar working on the bottom of the page. With the WordPress plugin, it is super simple to do this. When creating a foobar, for positioning, just select “Bottom”:

Check out this bottom demo.

Message Navigation

We added navigation buttons when multiple messages are used. So now when you hover over the messages, some cute little arrows appear that you can use to navigate through all the messages, instead of waiting. Again, very easy to choose the navigation theme:

Check out this message navigation demo.

More Button Themes

We added 2 more button themes, giving you a total of 5 button themes to choose from now:

Conditional Logic

In previous versions, you have always been able to choose to display a specific foobar on a page or post, with the help of a “Foobar Options” metabox. Now, with conditional logic, you can place specific foobars on different types of pages using WordPress’ built-in Conditional Tags. Basically, this means you can put a foobar that only shows on your front page, or a foobar for a specific category or tag, or a foobar on your 404 page. There is no limit to what you can do with this! And when using a plugin like mobble (which adds mobile-specific conditional tags to WordPress) you can show a certain foobar when the visitor is browsing your site on a mobile device.

To setup conditional logic, enable it under the advanced tab in your foobar settings:

You will then see a new input box when editing a foobar. That is where you can enter your conditional tags:

Under the hood, this feature works the same way as the popular Widget Logic plugin, so if you have used that before then it should be a breeze. Please note that this not a beginners feature and only someone with some knowledge of WordPress and programming in PHP should use it.

Dynamic / Inline / Generated To Disk

We now give you the choice on how the JS and CSS is added to your page to get a foobar to show. By default, a php file is referenced and the jQuery code is built up on the fly. But we had some issues doing this on certain WordPress installs. Also, when embedding advanced shortcodes within your foobar (like a Gravity Form shotcode) it just didn’t work. So now you have to choice to keep it they way it has always been, or include the javascript code inline, or let the plugin generate JS and CSS files on the fly and those are referenced. Obviously, you get the best performance from referencing the files that are generated to disk, but you get more flexibility with inline code, so depending on your setup, use what you need:

Toggle Or Close

If you don’t want visitors to toggle your foobar between the expanded and collapsed states, but isntead, let them close it completely, then that’s easy too. Just set the collapse type in the advanced metabox when editing a foobar:

Better Cookie Support

When setting the collapse type to Close, you may want to use the new and improved client side cookie options. This is to enable the browser to “remember” if the user closed the foobar or not, so if they close it, it does not show again. You can now set a cookie name and a duration:

Administrators Only

If you only want administrators to manage your foobars, then simply enable that on the foobar settings page:


A lot of things have been done to improve performance in V2. All of the images used for buttons and navigation are now using image sprites. As mentioned above, you choose how to include the JS and CSS files. Generating to disk giving you the best performance. You can also choose to include the JS files in your site’s footer, which is a best practice. And most of the advanced features are turned off by default, and you choose when to turn them on. Some of the features obviously add some overhead (conditional logic or encoded HTML) but it is really up to your website and your WordPress setup.

Now What?

So all in all, V2 is a major upgrade, with a huge list of new features. We are positive that these features make foobar stand out from the other notification bars available in the market. Check out the plugin homepage and demo’s and if you like it, then get your copy now!


I installed this today and it is only showing 2 of the 4 social icons on my site. How do I get the other two to show up? I tried making the bar bigger, but that didn't help.


Hi, do I have to purchase a new license for each website I want to use this on? Or can I use on all my websites?


Thanks for this plugin, works fine and great support.


Unfortunately conditional formating does not work for me... I try to display different bars depending on whether a user is logged in or not using the is_user_logged_in()   conditional tag.  Any idea? Thanks a lot !


How would i change the font on the messages to a Google font? I've tried a few different classes in the custom css but no change. Whats the specific target?


This is awesome!  I'm about to purchase this and install it on my site.  Just wanted to say thanks for the cool plugin.  Can't wait to see it in action.


I am trying to set up Foobar on my blog and for some reason I am not able to view it at all, nothing shows up. I following all the directions and I am not sure if it is something I have done, or perhaps the template I am using. If you could give me an idea as to how I can get the Foobar going, I would appreciate it. I am using a template that I downloaded from and the specific one is call The blog. 


Thank you!




I have a responsive layout. If I can turn off all Foobars for mobile devices ... could I also have an alternative Foobar specifically for mobile devices?

Regards, Pete


Having a difficult time getting the conditional logic to work... Trying to NOT display the foobar on a specific page.  Here's what I've entered in the conditional logic field.


!is_page ( 2584 )


Is there any other syntax required?


I've tried more generic conditions, such as...


is_single() only display on posts, and...


is_page() only display on pages, but neither worked.\








This looks great and I'm ready to buy, BUT :-) ...


I'm currently using the Hello Bar for really one reason: it has an option to NOT push the rest of the page down when it loads. Does Foobar have that option too? With other Hello-bar like products, pushing the page down was the only option and it messed up (hid) part of a social media plugin I use.

themergency moderator

 @ryderdm are you using the foobar jquery plugin? If so, do you have a link to the site you are trying to add it to?

themergency moderator

 @chargingarc not at the moment, but I am hoping to add this feature in very soon. Would you be willing to help me test it out please?

themergency moderator

@PaulKeetch Hey Paul, change the Dynamic JS & CSS setting to inline. If it is set to Dynamic then the conditional check occurs too early and always returns false. But with inline it occurs at the right time and the is_page(123) conditional then returns false





 @themergency Will set, my foobar as OFF for mobiles for now, and keep an eye out for future foobar updates to make alternate mobile foobars possible.


 @themergency For anyone else who stumbles here and wants to omit their Foobar from MULTIPLE pages, use the following syntax:


( is_front_page() || is_single() || is_page() ) && !is_page( array(276, 2517))


*** Note the "array()" that contains the comma-separated page numbers - you can't just put them together inside the !is_page() statement.


 @themergency Version 2 is exactly what i needed, thanks!  I tried this before, but had the syntax all wrong.


Thanks for your help - great support!

themergency moderator

 @PaulKeetch ah ok Paul, there are 2 ways to do what you want:


1) If there are only a few pages/posts that you don't want to show a foobar, then keep the default foobar set, then edit those specific pages where you dont want it to show up, and in the foobar options metabox, select 'Don't show foobar' and save your posts.


2) If there are quite a few pages and you don't want to edit each one, then make sure the default is NOT set, then use conditional logic similar to this:


( is_front_page() || is_single() || is_page() ) && !is_page(27)


this means "show it on the front page" OR "if its a post" OR "if its a page" BUT "make sure its not page id 27"


I tested this conditional statement locally and it worked 100%, so you just need to add your page id's and it should be good to go.


hope this helps :)


 @themergency Thanks for the quick reply Brad.


I've updated my settings as suggested.  But am still not getting the result I'm looking for.  Have I got the "is not" syntax correct?


!is_page ( 123 )


Also, I have the default set to "yes" for this foobar - maybe that is overriding everything else I'm doing?


Effectively, what I am trying to accomplish is this - I want the foobar to display on all posts & pages, including the home page, except for a few select pages.


Any help/insight into how best to accomplish this would be appreciated.


Thanks again for your quick reply.