wptopbuddy

<p>TopBuddy is a modern WordPress notification bar plugin that lets you draw attention to important messages without cluttering your page. Use a visual builder with live preview to craft notification bars that match your brand. Whether you want to promote a sale, announce a new feature, share a cookie policy or welcome new visitors, TopBuddy gives you all the tools you need to deliver the right message at the right time.</p>
<h3>Why choose TopBuddy?</h3>
<ul>
<li><strong>Enhance discoverability:</strong> Announce promotions, product launches or updates in an eye‑catching way that visitors can’t miss.</li>
<li><strong>Boost engagement:</strong> Add call‑to‑action buttons that encourage sign‑ups, downloads or purchases directly from the bar.</li>
<li><strong>Guide user journeys:</strong> Direct visitors to key pages (store, blog, sign‑up forms) and improve navigation without taking up space in your layout.</li>
<li><strong>Improve user experience:</strong> Use sticky bars so your announcement or navigation stays available while users scroll down long pages.</li>
</ul>
<h3>Key Features</h3>
<h3>🧱 Easy Visual Builder</h3>
<ul>
<li><strong>Drag & drop interface:</strong> Create notification bars with a visual builder – simply drag components like icons, titles, messages, buttons or images into place.</li>
<li><strong>Live preview:</strong> See your changes in real time so you can perfect your design before publishing.</li>
<li><strong>Template library:</strong> Get started quickly with pre‑made templates designed for common scenarios such as promotions, welcome messages or announcements.</li>
<li><strong>Built‑in components:</strong> Choose from multiple component types including icons, text, buttons and images. No coding required.</li>
</ul>
<h3>🎨 Customization & Styling</h3>
<ul>
<li><strong>Full color control:</strong> Customize background, text and button colors to match your site’s branding.</li>
<li><strong>Adjust sizes & spacing:</strong> Set sizes for any of the available components.</li>
<li><strong>Font sizes:</strong> Font sizes are easily changeable by simply selecting from a list of predefined sizes.</li>
<li><strong>Button styles:</strong> Choose between link‑style or button‑style call‑to‑action buttons, with separate hover state colors.</li>
<li><strong>Icon library:</strong> Access a built‑in library of icons to enhance your message.</li>
<li><strong>Responsive design:</strong> All bars are mobile‑friendly, ensuring they look great on desktops, tablets and phones.</li>
<li><strong>Alignment and content size</strong> Change the alignment or maximum content width with ease.</li>
</ul>
<h3>⚙️ Display & Targeting Controls</h3>
<ul>
<li><strong>Flexible positioning:</strong> Show bars at the top or bottom of your website and decide whether they are fixed or sticky on scroll.</li>
<li><strong>Advanced display rules:</strong> Display bars site‑wide, on specific page types (posts, pages, custom post types) or target individual pages and taxonomies using an AJAX‑powered search.</li>
<li><strong>User targeting:</strong> Show different bars based on user roles (administrator, editor, subscriber, etc.) or login status (logged in, logged out or both).</li>
<li><strong>Multiple bars:</strong> Manage multiple notification bars from a single dashboard.</li>
</ul>
<h3>📣 User Interaction</h3>
<ul>
<li><strong>Call‑to‑action buttons:</strong> Add buttons that link to any URL or trigger actions (e.g., opening a form or modal).</li>
<li><strong>Dismiss & recall:</strong> Include a close button so visitors can hide the bar, with options to disable the button.</li>
<li><strong>Cookie dismissal:</strong> Remember visitors’ choices and configure how long a dismissed bar stays hidden before it reappears.</li>
</ul>
<h3>Typical Use Cases</h3>
<p>TopBuddy is versatile and can be used across websites of any size or niche. Here are a few examples:</p>
<ul>
<li><strong>Promotions and sales:</strong> Highlight discount codes or time‑sensitive offers to boost conversions.</li>
<li><strong>Welcome messages:</strong> Greet new visitors with a friendly note or a link to your most popular content.</li>
<li><strong>Important announcements:</strong> Notify users about product updates, policy changes, maintenance windows or new features.</li>
<li><strong>Cookie notices and compliance:</strong> Inform visitors of cookie usage or privacy policy requirements without disruptive pop‑ups.</li>
<li><strong>Lead generation:</strong> Combine notification bars with subscription or contact forms to capture email leads.</li>
<li><strong>Navigation aid:</strong> Use sticky bars to keep primary navigation or “back to top” buttons within reach.</li>
</ul>


Notification Bar for WordPress – TopBuddy

Easily add a customizable notification bar at the top or bottom of your website to display announcements, promotions, and important messages.

wpexplorer

<p>Easily add a custom top bar notification message to on your site with live customization options via the WordPress customizer. The plugin allows you to enter your notification bar text as well as an optional button to display next to your text. Perfect for notifying visitors of a current sale, hot product, warnings or other important messages.</p>
<p>The <a href="https://wordpress.org/plugins/easy-notification-bar/" rel="ugc">Easy Notification Bar</a> plugin makes use of the newer “wp_body_open” action hook introduced in WordPress 5.2.0 which allows the plugin to work better with any theme that has been updated to support the tag. Contrary to other notice bar solutions which rely on absolute positioning, this plugin inserts the notice bar right after the body tag so it should display perfectly without any conflicts on any well-coded theme.</p>
<p>By default, the notification bar is “static” which means it displays at the top of your site so when you scroll down the page it will become “hidden”. This is generally better for usability and <a href="https://www.wpexplorer.com/wordpress-seo/" rel="nofollow ugc">SEO</a>. However, in version 1.4 we added a new <strong>sticky option</strong> which you can enable in the Customizer so that the notification bar remains visible as you scroll down the page. The sticky functionality makes use of the CSS sticky property (not javascript).</p>
<p>Although disabled by default, you can enable a <strong>close icon</strong> for your notice. When enabled, your visitors will see an “x” icon over the top bar which they can click to hide the message for their current and future sessions. This functionality makes use of localStorage (not cookies). You can also select to hide the notification bar when clicking the call to action button.</p>
<h3>Features</h3>
<ul>
<li>Sitewide (or homepage only) top notification bar.</li>
<li>Easy setup via the WordPress customizer.</li>
<li>Optional close icon.</li>
<li>Optional sticky display.</li>
<li>Custom background, color, text alignment and font size settings.</li>
<li>Optional callout button.</li>
<li>Responsive design so it looks good on mobile.</li>
<li>Minimal code.</li>
<li>Vanilla Javascript used for close icon (jQuery not needed).</li>
</ul>


Easy Notification Bar

Title should say everything. Thanks or the good work!

Works well, clear and secure codebase


The plugin worked exactly as advertised. It also felt good to use a plugin without any upsells or paywall. Best of luck with any project you may be working on.


Amazing plugin! And doesn't have any upsells!

A simple plugin for displaying a notice at the top of your website that can be closed by the visitor. Completely free and minimal without any upsells.

Notification Bar for WordPress – TopBuddy vs Easy Notification Bar