Yoo Bar – Floating Notification & Promo Bar for Website

Description

Create stylish, customizable floating notification bars for your WordPress site. Perfect for promotions, announcements, and calls to action.

inform visitors of new publications, offers, messages, news, social links, advertisements, and promotions through a notification bar.

It allows users to create single or multiple columns with various elements. You can add different elements such as static text, an address bar, a search box, social icons, custom images and more. It features a smooth sticky transition effect for better visibility.

With easy customization options for text, colors, positions, and visibility rules, you can quickly design attractive notification bars without any coding.

Key Features

• Add floating notification or promo bars to your WordPress site

• Choose to display bars at the top or bottom of the page

• Fully customizable colors, text, and CTA buttons

• Set visibility rules for specific pages, posts, or entire site

• Lightweight and optimized for performance

• Mobile-friendly and responsive design

• Simple setup and intuitive user interface

📌 Why Use Yoo Bar?

Boost visitor engagement, highlight promotions, collect leads, or deliver urgent updates — all through clean, unobtrusive floating bars that grab attention without disrupting your user experience.

How to Create a bar?

Steps to Create a Bar:

→ Install and activate the Yoo Bar plugin from your WordPress dashboard.

→ In your WordPress admin menu, go to Yoo Bar » Add New.

→ Enter a title for your bar (for your reference only).

→ In the message field, add your notification text, promo, or announcement.

→ Customize your bar:

• Choose the display position: Top or Bottom of the page.

• Set the background color, text color, button color, and font size.

• Optionally add a call-to-action button with a link.

→ Decide where the bar will appear: Show on all pages or select specific pages/posts.

→ Click Publish to activate your new notification bar.

That’s it — your floating bar will now be live on your site! 🎉

Display bar in specific locations

♦ In your WordPress admin dashboard, go to Yoo Bar » All Bars.

♦ Click Edit on the bar you want to manage.

♦ Scroll down to the Display Settings or Visibility Rules section.

♦ Choose your preferred display option:

• Show on All Pages

• Show on Specific Pages, produc, or Posts

• Show on Specific Post types

♦ Click Update to save your changes.

Now, your notification bar will appear only on the selected pages or posts you’ve specified — giving you precise targeting for promotions, announcements, or alerts. 🎯

Exclusive & Unique Elements

• Static Content Bar: Create notification bar,banner,ad with text, images, or logos. Add buttons to direct customers to links, usable in your site’s top or footer bars.

• Social Icons : If there is a social icon on the website, it enhances the quality of the site. Looking to Interested in using social icons for your web site? With this plugin, you can place social icons at the top or bottom of the site. Add social icons in a custom location via shortcode.

• Address Bar: A professional business address enhances your Business credibility and visibility. It is crucial to position your website address effectively to attract customers.

Our plugin displays the address in the top bar or bottom bar, helping you stand out. You can also use shortcodes in specific places on the web page.

• Search box: A search bar on your website will allow your visitors to quickly find what they are looking for. It makes your website visitors happy. They needed something, they found it, and they’re more likely to come back to your website the next time they need something in your area of expertise. Also, a positive user experience is always the goal. with this plugin you can add search bar on your website. Plus, you can use shortcodes to display the search bar at your preferred location.

Additional Features of the bar

• Fixed or sticky animtion for top bar and footer bar.: A “static or sticky animation bar” refers to a visual effect on a website where the bar remains visible at the same position on the screen. The top bar (header) or bottom bar (footer) is visible on the screen when the user scrolls a webpage. Demo

• Column customization : Single or double columns can be added within a bar. That is, two types of elements can be displayed at once bar demo

• Column positioning: Can change the position of two columns in a bar. eg center, space-even, space-surround, flex-start, flex-end . Demo

EXTRA FEATURES FOR PREMIUM

Try the Demo | Premium version | Documents

CountDown Timer : A countdown timer is a digital clock that counts down from a specified time to zero. It is often used on websites and landing pages to create a sense of urgency and encourage visitors to take action before the timer runs out.

For example, increasing sales through a countdown timer. One of the most significant benefits of using a countdown timer on your webpage is the ability to increase sales. By creating a sense of urgency, you’re motivating visitors to take action and make a purchase before the timer runs out. This can lead to a significant increase in the sales of your business.

Circular timer Demo | Square timer Demo | Flipping timer Demo.

News Ticker : Use News Ticker to promote their own content, products or services on the Website. thereby increasing brand visibility and awareness among the audience.

News Ticker Demo

Carousel: A carousel for a website is like a digital slideshow that displays multiple images or pieces of content in a rotating format. A dynamic and interactive way to feature different content such as photos, articles, products or promotions. Carousels provide an attractive way to highlight important information, to capture the attention of visitors.

Carousel Demo

Typing text animation: It is a great way for website to make words appear as they are being typed, letter by letter, just like on a computer. Instead of showing all the words at once, they pop up one after the other, adding some excitement and style to your website. It’s grab a visitor’s attention and make your message stand out You can use typed text animations for titles, announcements or anything else. Typed text animations can help make your website more attractive and engaging.

Typed Text Demo

Logo Slideshow bar: A logo slideshow for a website is like a moving image display of different brands. It’s a neat way to showcase different brands, partners or products on a website. They are a great way to highlight important brands and make a website more interactive and engaging for visitors.

Frotend Demo

Text Slide Show: Instead of showing just one sentence at a time, a slideshow cycles through multiple text slides one after the other. This is a great way to share information, announcements or quotes on a website It can make the website come alive. A fun way to attract attention and keep visitors engaged while browsing the site.

View Demo

Popup Section: A popup video or content for a website is like a surprise window that suddenly appears on the screen while you browse. From the main page, a popup shows elements such as playing a video or providing important information. Popups are a way for website owners to get your attention and share something with you when you visit their site.

Popup Video | Popup Shortcode | Popup Raw Html

Nav bar with Ajax Cart Button : A nav bar with an Ajax cart button for a website is like a helpful menu at the top of an ecommerce web page that allows visitors to easily keep track of the items they want to buy. It’s a convenient way to shop because you can quickly see what you’ve added to your cart and continue browsing without interruption.

View Demo

Preview Yoobar

Privacy

This plugin does not connect to any third-party applications. It does not collect or store any user information.

Feedback

Your suggestion or feedback about the plugin will motivate us. Tell us about your experience, feedback and if you like our support and plugin, please rate this plugin