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

alexgodlewski

<p>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.</p>
<h4>Features</h4>
<ul>
<li><strong>Smooth Animations</strong>: Clean transitions when showing and hiding the bar</li>
<li><strong>Customizable Text</strong>: Set your own message to display</li>
<li><strong>Color Picker</strong>: Choose any background color with the built-in WordPress color picker</li>
<li><strong>Cookie Integration</strong>: Bar stays hidden for visitors who close it</li>
<li><strong>Configurable Duration</strong>: Set how many hours the bar stays hidden after being closed</li>
<li><strong>Admin Bar Compatible</strong>: Automatically adjusts position when WordPress admin bar is present</li>
<li><strong>Content-Friendly</strong>: Adds padding to avoid covering your website content</li>
<li><strong>Lightweight</strong>: Minimal impact on page load times and performance</li>
<li><strong>Mobile-Friendly</strong>: Fully responsive design that works on all devices</li>
<li><strong>No Dependencies</strong>: Doesn’t require any external libraries beyond jQuery (included with WordPress)</li>
<li><strong>Countdown Timer</strong>: Display a countdown to a specific date and time</li>
<li><strong>Cache-Compatible</strong>: Works with page caching plugins</li>
<li><strong>Customizable Countdown</strong>: Position, colors, labels, and end actions</li>
</ul>
<h3>Technical Details</h3>
<p>The sticky bar appears at the top of your website as the first element in the header. It includes:</p>
<ul>
<li><strong>Smart Positioning</strong>: Detects and adjusts for the WordPress admin bar when logged in</li>
<li><strong>Body Padding</strong>: Automatically adds padding to prevent content from being hidden</li>
<li><strong>Responsive Layout</strong>: Adapts to all screen sizes from mobile to desktop</li>
<li><strong>Performance Optimized</strong>: JavaScript and CSS are minified and only loaded when needed</li>
<li><strong>Cookie-Based Memory</strong>: Respects user preferences by remembering when they’ve dismissed the bar</li>
<li><strong>Countdown Feature</strong>: Display days, hours, minutes, and seconds remaining until a target date</li>
<li><strong>AJAX Updates</strong>: Ensures countdown accuracy even with cached pages</li>
</ul>
<h4>Configuration Options</h4>
<ul>
<li><strong>Bar Text</strong>: The message displayed in the sticky bar</li>
<li><strong>Background Color</strong>: Color picker for the bar background</li>
<li><strong>Hide Duration</strong>: Hours the bar stays hidden after closing</li>
<li><strong>Enable Bar</strong>: Toggle to activate/deactivate the bar</li>
<li><strong>Enable Countdown</strong>: Toggle to enable the countdown timer</li>
<li><strong>Target Date</strong>: The date and time that the countdown targets</li>
<li><strong>After Countdown Ends</strong>: What happens when countdown reaches zero (Show Zeros, Remove Countdown, or Remove Bar)</li>
<li><strong>Countdown Position</strong>: Where to display the countdown relative to text</li>
<li><strong>Numbers Background</strong>: Background color for countdown digits</li>
<li><strong>Numbers Font Color</strong>: Text color for countdown digits</li>
<li><strong>Show Labels</strong>: Toggle to show/hide time unit labels (Days, Hours, etc.)</li>
<li><strong>Labels Position</strong>: Display labels above or below the numbers</li>
<li><strong>Custom Labels</strong>: 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>
<p>This plugin is licensed under the GPLv2 or later.</p>
<h3>Credits</h3>
<p>Developed by Alex Godlewski, <a href="https://hyroes.com" rel="nofollow ugc">Hyroes.com</a></p>
<h3>Privacy</h3>
<p>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.</p>
<p>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.</p>


Alternatives to Lightweight High Performance Sticky Bar

Top alternatives