reyzua

Topbar ID enhances your WordPress website with a sleek and customizable topbar navigation menu. Designed to work seamlessly with Elementor, this plugin empowers you to effortlessly create visually appealing topbars that guide visitors to different sections of your pages.
Features
<ul>
<li>Elementor Compatibility: Create and customize your topbar using Elementor’s intuitive drag-and-drop interface.</li>
<li>Section Linking: Easily link topbar items to specific sections on your pages using section IDs.</li>
<li>Styling Options: Customize the appearance of your topbar, including colors, fonts, backgrounds, and hover effects.</li>
<li>Responsive Design: The topbar automatically adapts to different screen sizes for optimal viewing on all devices.</li>
</ul>
<h3>Usage</h3>
<ol>
<li>Edit a page or post with Elementor.</li>
<li>Search for the “Topbar ID” widget in the Elementor widget panel.</li>
<li>Drag and drop the widget into your desired location.</li>
<li>Configure the widget settings:
<ul>
<li>Navigation List: Add your navigation items and specify the target section ID for each link.</li>
<li>Styling: Customize the appearance of the topbar and its elements.</li>
</ul>
</li>
<li>Save your changes and view your page.</li>
</ol>

Topbar ID for Elementor

This plugin provides a custom topbar widget compatible with Elementor, allowing you to create navigation menus that link directly to sections within y …

Sharabindu

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.
<a href="https://wpnotification.sharabindu.com/" title="Notification bar" rel="nofollow ugc">Try the Demo</a> | <a href="https://sharabindu.com/plugins/wp-notification-bar/" rel="nofollow ugc">Premium version</a> | <a href="https://wpnotification.sharabindu.com/docs/introduction/" title="Documents" rel="nofollow ugc">Documents</a>
<h4>Key Features</h4>
<ul>
<li>
Add floating notification or promo bars to your WordPress site
</li>
<li>
Choose to display bars at the top or bottom of the page
</li>
<li>
Fully customizable colors, text, and CTA buttons
</li>
<li>
Set visibility rules for specific pages, posts, or entire site
</li>
<li>
Lightweight and optimized for performance
</li>
<li>
Mobile-friendly and responsive design
</li>
<li>
Simple setup and intuitive user interface
</li>
</ul>
<h4>📌 Why Use Yoo Bar?</h4>
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.
<h4>How to Create a bar?</h4>
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:
<ul>
<li>
Choose the display position: Top or Bottom of the page.
</li>
<li>
Set the background color, text color, button color, and font size.
</li>
<li>
Optionally add a call-to-action button with a link.
</li>
</ul>
→ 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! 🎉
<h4>Display bar in specific locations</h4>
♦ 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:
<ul>
<li>
Show on All Pages
</li>
<li>
Show on Specific Pages, produc, or Posts
</li>
<li>
Show on Specific Post types
</li>
</ul>
♦ 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. 🎯
<h4>Exclusive & Unique Elements</h4>
<ul>
<li>
<a href="https://wpnotification.sharabindu.com/static-content/" rel="nofollow ugc">Static Content Bar</a>: 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.
</li>
<li>
<a href="https://wpnotification.sharabindu.com/social-icon-free/" rel="nofollow ugc">Social Icons </a>: 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.
</li>
<li>
<a href="https://wpnotification.sharabindu.com/address-bar-single/" rel="nofollow ugc">Address Bar</a>: A professional business address enhances your Business credibility and visibility. It is crucial to position your website address effectively to attract customers.
</li>
</ul>
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.
<ul>
<li><a href="https://wpnotification.sharabindu.com/search-box/" rel="nofollow ugc">Search box</a>: 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.</li>
</ul>
<h4>Additional Features of the bar</h4>
<ul>
<li>
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. <a href="https://wpnotification.sharabindu.com/fixed-notification-bar/" rel="nofollow ugc">Demo</a>
</li>
<li>
Column customization : Single or double columns can be added within a bar. That is, two types of elements can be displayed at once bar <a href="https://wpnotification.sharabindu.com/yoobar-column/" rel="nofollow ugc">demo</a>
</li>
<li>
Column positioning: Can change the position of two columns in a bar. eg center, space-even, space-surround, flex-start, flex-end . <a href="https://wpnotification.sharabindu.com/column-position/" rel="nofollow ugc">Demo</a>
</li>
</ul>
<h3>EXTRA FEATURES FOR PREMIUM</h3>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/countdown-circle/" rel="nofollow ugc">Circular timer Demo </a> | <a href="https://wpnotification.sharabindu.com/countdown-square/" rel="nofollow ugc">Square timer Demo </a> | <a href="https://wpnotification.sharabindu.com/flipping/" rel="nofollow ugc">Flipping timer Demo</a>.
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/news-ticker/" rel="nofollow ugc">News Ticker Demo </a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/text-carousel/" rel="nofollow ugc">Carousel Demo </a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/typed-text/" rel="nofollow ugc">Typed Text Demo </a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/logo-slideshow/" rel="nofollow ugc">Frotend Demo</a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/text-slideshow/" rel="nofollow ugc">View Demo</a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/popup-section/" rel="nofollow ugc">Popup Video</a> | <a href="https://wpnotification.sharabindu.com/contact-form/" rel="nofollow ugc">Popup Shortcode</a> | <a href="https://wpnotification.sharabindu.com/raw-html/" rel="nofollow ugc">Popup Raw Html</a>
</blockquote>
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.
<blockquote>
<a href="https://wpnotification.sharabindu.com/nav-bar/" rel="nofollow ugc">View Demo</a>
</blockquote>
<h4>Preview Yoobar</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/qbblx5YjWbI?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h4>Privacy</h4>
This plugin does not connect to any third-party applications. It does not collect or store any user information.
<h4>Feedback</h4>
Your suggestion or feedback about the plugin will motivate us. Tell us about your experience, <a href="https://wordpress.org/support/plugin/yoo-bar/" rel="ugc">feedback</a> and if you like our support and plugin, please <a href="https://wordpress.org/plugins/yoo-bar/#reviews" rel="ugc">rate this plugin</a>

Yoo Bar – Notification, Announcement & Promo Bar for WordPress

adds a clean notification bar at the top or bottom of your website.

Topbar ID for Elementor vs Yoo Bar – Notification, Announcement & Promo Bar for WordPress