
內容簡介
YooBar 是一款輕量級的 WordPress 通知欄外掛,讓您在幾分鐘內創建引人注目的公告欄、促銷欄和固定的上/下方欄位,無需編碼。它可用於向訪客傳達新文章、特別優惠、重要更新等資訊。
【主要功能】
• 創建浮動通知欄,隨時顯示於網站上
• 完全自訂顏色、文字、字型及行動呼籲按鈕
• 設定可見性規則,指定顯示於特定頁面或全站
• 輕量化設計,優化性能,不會影響網站速度
• 100% 行動友好,具響應式設計
• 簡單設置,適合初學者使用的介面
外掛標籤
開發者團隊
② 後台搜尋「YooBar – Notification Bar & Announcement Bar」→ 直接安裝(推薦)
原文外掛簡介
Yoo Bar is a lightweight WordPress notification bar plugin that lets you create eye-catching announcement bars, promo bars, and sticky top/bottom bars in minutes — no coding required.
Use it to inform visitors about new posts, special offers, important updates, news, social links, ads, or promotions through a clean, floating notification bar.
Create single or multi-column bars and fill them with different elements: static text, a countdown timer, an address bar, a search box, social icons, custom images, and more. Every bar features a smooth sticky transition so it stays visible without disrupting your visitors’ experience.
With easy customization for text, colors, position, and visibility rules, you can design an attractive, on-brand notification bar for your WordPress site in just a few clicks.
Try the Demo | Premium version | Documentation
✅ Key Features of This Notification Bar Plugin
Add a floating notification bar, announcement bar, or promo bar anywhere on your WordPress site
Display your sticky bar at the top or bottom of the page
Fully customizable colors, text, fonts, and call-to-action (CTA) buttons
Set visibility rules to show your bar on specific pages, posts, or site-wide
Lightweight, fast, and optimized for performance — won’t slow down your site
100% mobile-friendly and responsive design
Simple setup with an intuitive, beginner-friendly interface
📌 Why Choose Yoo Bar for Your WordPress Notification Bar?
Boost visitor engagement, promote offers, collect leads, or deliver urgent announcements — all through a clean, unobtrusive sticky bar that grabs attention without disrupting the user experience. Whether you need a simple announcement bar or a feature-rich promo bar with a countdown timer, Yoo Bar has you covered.
🚀 How to Create a Notification Bar (Step by Step)
→ 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 it on all pages, or select specific pages/posts.
→ Click Publish to activate your new notification bar.
That’s it — your floating bar is now live on your site! 🎉
🎯 Display Your 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 / Visibility Rules section.
♦ Choose your preferred display option:
Show on all pages
Show on specific pages, products, or posts
Show on specific post types
♦ Click Update to save your changes.
Your notification bar will now appear only where you’ve specified — giving you precise targeting for promotions, announcements, or alerts.
🌟 Exclusive & Unique Elements
Static Content Bar — Create a notification bar, banner, or ad with text, images, or a logo. Add buttons that link visitors straight to an offer, usable in your site’s top or footer bar.
Social Icons — Social icons on your website boost credibility and engagement. Place them in your top or bottom bar, or drop them anywhere on the page via shortcode.
Address Bar — A visible business address builds trust and improves local credibility. Display it in your top or bottom bar, or place it anywhere via shortcode.
Search Box — Let visitors quickly find what they’re looking for right from your sticky bar. A fast, built-in search box improves user experience and keeps visitors on your site longer. Shortcode support included.
⚙️ Additional Features
Fixed / sticky bar animation — Keep your top bar (header) or bottom bar (footer) visible on screen as visitors scroll. Demo
Column customization — Add single or double columns to a bar, so two different elements can display at once. Demo
Column positioning — Control how the two columns align: center, space-evenly, space-around, flex-start, flex-end. Demo
💎 Premium Features
Countdown Timer — A live countdown clock that creates urgency and drives conversions. Perfect for flash sales, limited offers, or product launches.
Circular Timer Demo | Square Timer Demo | Flipping Timer Demo
News Ticker — Scroll your latest content, products, or services across the bar to increase visibility and keep visitors informed.
News Ticker Demo
Carousel — A rotating slideshow of images or content inside your bar — a dynamic way to highlight offers, articles, or products.
Carousel Demo
Typing Text Animation — Make your announcement bar text appear letter by letter for a dynamic, attention-grabbing effect. Great for titles, taglines, or promotions.
Typed Text Demo
Logo Slideshow Bar — Showcase partner or brand logos in a rotating slideshow — ideal for trust badges, sponsors, or featured brands.
Frontend Demo
Text Slideshow — Cycle through multiple messages, quotes, or announcements in your bar instead of showing just one line at a time.
View Demo
Popup Section — Trigger a popup video, form, or custom content from your notification bar to capture attention the moment visitors land on your site.
Popup Video | Popup Shortcode | Popup Raw HTML
Nav Bar with Ajax Cart Button — Add a navigation menu with a live Ajax cart button to your bar, so ecommerce visitors can track their cart without leaving the page.
View Demo
▶️ Preview Yoo Bar
🔒 Privacy
This plugin does not connect to any third-party applications. It does not collect or store any user information.
💬 Feedback
Your suggestions and feedback help us improve. Share your experience via support, and if you enjoy the plugin, please leave us a review — it really helps other users find this notification bar plugin!
