Austin

This plugin adds a jQuery file that will position a fixed bar at the top of your browser screen to show announcements (controlled by a custom post type [CPT]) on each page load. Built with simple HTML and javascript.
Upon installation, you can choose the prefix for your post type. Be sure to choose wisely, because once you publish your first post this can’t be changed. If you are having problems with redirects visit your permalinks page to flush your rewrite rules by visiting your permalinks settings page (no save needed).
New: A cookie is added and deleted when you toggle the bar open and closed. Depending on the position of the bar when you leave the page is where it will be when you re-visit the site.
For question please visit my blog @ <a href="http://austin.passy.co/wordpress-plugins/announcement-bar/" rel="nofollow ugc">http://austin.passy.co</a>
The Link 
Please be aware when publishing a post, as of right now, you have to fill in the content with non-html text and add a link into the link field. This link is really the permalink and is what gets counted when clicked on. It will also revert to the home page if missing, and not count against the counter. If you’re getting 404 issues when visiting the permalink page, please refer to the FAQ section.
<h3>Future Releases</h3>
This plugin is brand new and has some future planes.
<ol>
<li>Saved bar position with cookie settings.</li>
<li>Post and page per post ID.</li>
<li>Per post on/off toggle.</li>
<li>….</li>
</ol>

Announcement Bar

A fixed position (header) HTML with jQuery drop-down announcement bar using Custom Post Types.

alexgodlewski

The Lightweight High Performance Sticky Bar is perfect for announcements, promotions, or important messages that need visibility without disrupting the user experience. It adds a customizable sticky bar to the top of your website with options for a countdown timer.
<h4>Features</h4>
<ul>
<li>Smooth Animations: Clean transitions when showing and hiding the bar</li>
<li>Customizable Text: Set your own message to display</li>
<li>Color Picker: Choose any background color with the built-in WordPress color picker</li>
<li>Cookie Integration: Bar stays hidden for visitors who close it</li>
<li>Configurable Duration: Set how many hours the bar stays hidden after being closed</li>
<li>Admin Bar Compatible: Automatically adjusts position when WordPress admin bar is present</li>
<li>Content-Friendly: Adds padding to avoid covering your website content</li>
<li>Lightweight: Minimal impact on page load times and performance</li>
<li>Mobile-Friendly: Fully responsive design that works on all devices</li>
<li>No Dependencies: Doesn’t require any external libraries beyond jQuery (included with WordPress)</li>
<li>Countdown Timer: Display a countdown to a specific date and time</li>
<li>Cache-Compatible: Works with page caching plugins</li>
<li>Customizable Countdown: Position, colors, labels, and end actions</li>
</ul>
<h3>Technical Details</h3>
The sticky bar appears at the top of your website as the first element in the header. It includes:
<ul>
<li>Smart Positioning: Detects and adjusts for the WordPress admin bar when logged in</li>
<li>Body Padding: Automatically adds padding to prevent content from being hidden</li>
<li>Responsive Layout: Adapts to all screen sizes from mobile to desktop</li>
<li>Performance Optimized: JavaScript and CSS are minified and only loaded when needed</li>
<li>Cookie-Based Memory: Respects user preferences by remembering when they’ve dismissed the bar</li>
<li>Countdown Feature: Display days, hours, minutes, and seconds remaining until a target date</li>
<li>AJAX Updates: Ensures countdown accuracy even with cached pages</li>
</ul>
<h4>Configuration Options</h4>
<ul>
<li>Bar Text: The message displayed in the sticky bar</li>
<li>Background Color: Color picker for the bar background</li>
<li>Hide Duration: Hours the bar stays hidden after closing</li>
<li>Enable Bar: Toggle to activate/deactivate the bar</li>
<li>Enable Countdown: Toggle to enable the countdown timer</li>
<li>Target Date: The date and time that the countdown targets</li>
<li>After Countdown Ends: What happens when countdown reaches zero (Show Zeros, Remove Countdown, or Remove Bar)</li>
<li>Countdown Position: Where to display the countdown relative to text</li>
<li>Numbers Background: Background color for countdown digits</li>
<li>Numbers Font Color: Text color for countdown digits</li>
<li>Show Labels: Toggle to show/hide time unit labels (Days, Hours, etc.)</li>
<li>Labels Position: Display labels above or below the numbers</li>
<li>Custom Labels: Customize the text for each time unit label</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>JavaScript enabled in the browser</li>
<li>Cookies enabled for remembering user preferences</li>
</ul>
<h3>Requirements</h3>
<ul>
<li>WordPress 5.0 or higher</li>
<li>PHP 7.4 or higher</li>
<li>JavaScript enabled in the browser</li>
<li>Cookies enabled for remembering user preferences</li>
</ul>
<h3>License</h3>
This plugin is licensed under the GPLv2 or later.
<h3>Credits</h3>
Developed by Alex Godlewski, <a href="https://hyroes.com" rel="nofollow ugc">Hyroes.com</a>
<h3>Privacy</h3>
This plugin sets a cookie (HyroesStickyBarClosed) in the visitor’s browser when they close the sticky bar. This cookie only stores a simple “closed” status and does not collect any personal information or track users.
The cookie expires after the configured number of hours (default: 24 hours). No data is sent to external servers except for the AJAX requests used to update the countdown timer, which do not contain any personal information.

Lightweight High Performance Sticky Bar

Add a customizable sticky notification bar with countdown functionality to your website with minimal performance impact.

Announcement Bar vs Lightweight High Performance Sticky Bar