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>


Lightweight High Performance Sticky Bar

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

Lean Plugins

<p>“Notification Bar Builder for Elementor” – Allow you to build your desired responsive notice in a quick time using the Elementor page builder. You can build the notifications on your own OR you may use the prebuilt templates. You can use the notification bar for notifying discounts, important updates, grab user’s attention, present promotion, and any other content that might catch their interest.</p>
<p>You can see the live demo here : <a href="https://demo.azplugins.com/notification-bar/" rel="nofollow ugc">Live Demo</a></p>
<p>Donwnload prebuilt templates from <a href="https://demo.azplugins.com/notification-bar/documentation/notification-templates.zip" rel="nofollow ugc">here</a> and then follow <a href="https://demo.azplugins.com/notification-bar/documentation/#config_2" rel="nofollow ugc">This instruction</a></p>
<h3>Features:</h3>
<ul>
<li>No coding required, Drag & Drop only!</li>
<li>Notification Position</li>
<li>Allow user to close notice</li>
<li>Add the link to the Notification Bar</li>
<li>Add button to the Notification Bar</li>
<li>Targeting pages: including/excluding pages</li>
<li>Targeting specific product pages</li>
<li>Complete control over look and feel</li>
<li>Edit the design easily: font, font size, background color, text color, padding, margin & much more</li>
<li>Background images: express the holiday mood, increase conversions, and generate more sales</li>
<li>Beautiful Design</li>
<li>Easy to install and use</li>
<li>Custom Message to Users</li>
<li>Display Downtime Message</li>
<li>Create unlimited bars</li>
<li>Boost sales effectively</li>
<li>Responsive</li>
<li>Works with Any Theme</li>
</ul>
<h3>Plugins Options</h3>
<ul>
<li>Display on for: (Entire Website / Only Homepage / Specific post,page, products ids / All pages / All PosAll Products)<</li>
<li>Exclude page, post, or product ids</li>
<li>Allow User To Close Notice</li>
<li>Appear Again Duration (How many days later show the notice again after close.)</li>
<li>Notification Position (Top / Bottom)</li>
<li>Close Icon Position (Top Right / Top Left / Middle Right / Middle Left)</li>
<li>Alignment (Left / Center / Right)</li>
<li>Swap Elements</li>
<li>Text Color</li>
<li>Text Typography</li>
<li>Text Shadow</li>
<li>Text Margin</li>
<li>Text Padding</li>
<li>Button Typography</li>
<li>Button Text Shadow</li>
<li>Button Text Color</li>
<li>Button Background Color</li>
<li>Button Border Type</li>
<li>Button Border Radius</li>
<li>Button Box Shadow</li>
<li>Button Margin</li>
<li>Button Padding</li>
<li>Button Hover Text color</li>
<li>Button Hover Background Color</li>
<li>Button Hover Animation Effect</li>
<li>Button Hover Border Type</li>
<li>Button Hover Border Radius</li>
<li>Bar Section Width (Full Width / Boxed)</li>
<li>Bar Section Background Color</li>
<li>Bar Section Background Image</li>
<li>Bar Section Background Gradient Color</li>
<li>Bar Section Background Overlay</li>
</ul>
<p>For Support / Suggestion OR any other query. Please feel free to <a href="https://azplugins.com/contact-us/" rel="nofollow ugc">Contact Us Here</a></p>


Notification Bar Builder for Elementor

"Notification Bar Builder for Elementor" - It allows elementor to build a notification bar using the page builder & use it any pages,pos …

Lightweight High Performance Sticky Bar vs Notification Bar Builder for Elementor