FooBar allows you to create unlimited eye-catching notification bars, announcements and cookie notices that catch your visitor’s attention.
FooBar has been completely rewritten from the ground up to give you fresh and modern looking notifications.
Visit the FooBar Homepage
Why Create A FooBar Notification?
- Communicate with your customers quickly and efficiently, by drawing their attention to your notification bars.
- Generate leads and grow your customer base.
- Use FOMO to drive product sales.
- Convert visitors into paying customers.
- Announce specials and important business news.
- Elegantly inform visitors about cookies, and comply with the EU GDPR cookie law and CCPA regulations.
Technical Features
- Create unlimited notifications
- Choose from different types (Announcement, Call To Action, Cookie Notice)
- Settings to customize your message / call to action buttons / notice
- Appearance settings to help you match your theme
- Visibility settings to customize how and when your announcement bars are shown
- Easily duplicate notifications from listing page in admin
- See previews within the admin, or on the frontend
- SEO friendly
- Supports Emojis 😀
- Compatible with PHP 7.4
Usage Examples
- Show a welcome notice to your visitors
- Advertise a sale you are currently running, with a CTA button to your shop page
- Show a cookie notice to your visitors and comply with EU GDPR cookie law and CCPA regulations
- Updated your privacy policy? Inform your users with a notification bar
- Create an announcement bar about your new product launch
There are 7 different notification types available:
- Announcement – shows a simple announcement message with an optional link
- Call To Action – shows a message with a call to action (CTA) button
- Cookie Notice – shows a cookie notice with an accept button
- Sign Up (PRO only) – capture emails and add them to a Mailchimp list
- Countdown (PRO only) – show a countdown and call to action button to create a FOMO effect
- Tweet (PRO only) – shows a message with a click to Tweet button
- Free Shipping (PRO only) – shows a bar to your shoppers to entice them with free shipping if they buy more. Integrates with your WooCommerce store settings
PRO Features
- 4 extra bar types – Countdown, Free Shipping, Tweet and Sign Up, including Mailchimp integration.
- Left & Right positions – up to 12 positions now available!
- Full customization – set gradient backgrounds, change font size, choose different icons, and more!
- Open / Close triggers – open or close based on exit intent, time delays, scroll distance and more!
- Attention-grabbing Effects – Increase your conversions by grabbing the attention of visitors, to make them click on your buttons or open the bar.
- Scheduling – Decide when your bar shows, by selecting a start and end date/time.
- Visibility Conditions – Choose where your notifications will show with conditions of your choosing. Show for a specific post type, or on specific pages only, or for certain categories.
- Custom CSS – add any custom CSS to the bar.
- More coming soon!
Announcement Bar Settings
- Announcement Text – The announcement message that will be shown to your visitors. It can also contain emoji’s
- Show Link – Do you want to show an anchor link next to the announcement?
- Link Text
- Link URL
- Link Target
Call To Action Bar Settings
- CTA Text – The call-to-action message that will be shown.
- Button Text
- Button URL
- Button Target
- CTA Button Position – You can override the position of the Call-To-Action button.
Cookie Notice Bar Settings
- Cookie Notice Text – The cookie notice that will be shown to your visitors.
- Accept Button Text – The accept button will close the bar if clicked.
- Show Policy Link?
- Button Target
- CTA Button Position – You can override the position of the Call-To-Action button.
General Settings
Layout settings to set how the notification is displayed within your page:
- Position – Where do you want the bar to show on the page?
- Push Content – Whether or not the bar pushes the page to avoid hiding content
- Initial State – Is the bar opened or collapsed when the page loads?
- Remember State – Remember the state of the bar across page refreshes. If a visitor closes the bar, when they refresh the page again, it will stay closed.
- Expire State – Set a duration in days, before the state expires. If a visitor had previously closed a bar, when they refresh the page again, it will once again be opened.
Toggle Button settings. The toggle is the small button on the side of the notification with an icon, that collapses or dismisses the notification. To disable the toggle button, select a Toggle Shape of “None”.
- Toggle Shape – The toggle is the small button on the side of the bar with an icon. What do you want the toggle button shape to look like?
- Toggle Action – What happens when the toggle button is clicked?
- Toggle Position – You can override the position of the toggle button.
Appearance Settings
- Color Scheme – Choose from one of the pre-defined color schemes available for your bar.
- Transition – What transition should the bar use when opening or closing?
Visibility Settings
- Show When – On which pages do you want to show the bar?