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.

Hastimal Shah

V2 Web Solutions

Free Shipping Bar and Message for WooCommerce is an excellent marketing tool that encourages customers to increase their cart value by displaying free shipping progress messages. You can display alerts as banners, bars, or icons in the header, footer, or bottom corner of your website to notify users about the minimum cart total required for free shipping.
<h3>Key Benefits:</h3>
<ul>
<li>Increase Revenue: Encourage customers to buy more to unlock free shipping. </li>
<li>Win-Win for Everyone: Customers love free shipping, and shop owners benefit from higher sales. </li>
<li>Fully Customizable: Tailor the shipping bar and messages to match your website design. </li>
<li>Lightweight and Fast: Optimized for speed and performance. </li>
<li>Easy to Use: Simple setup and customization with dynamic shortcodes. </li>
</ul>
<h3>How It Works:</h3>
<ol>
<li>When a customer lands on the website, display a bar or banner showing the free shipping offer. </li>
<li>If the cart total is less than the required amount, display a message with the remaining amount needed to qualify for free shipping. </li>
<li>Once the customer qualifies for free shipping, display a congratulatory message. </li>
<li>Optionally display a reminder message on the checkout page if the cart total does not meet the free shipping threshold. </li>
</ol>
WooCommerce version 3.0 or above is required.
<h3>Features</h3>
<ul>
<li>Display Free Shipping Bar with Progress </li>
<li>Show Free Shipping Icon with Progress (bottom right corner) </li>
<li>Display Bar in Header or Footer </li>
<li>Select Free Shipping Zone </li>
<li>Customizable Messages for various scenarios:
<ul>
<li>When a customer lands on the website </li>
<li>When the cart total is below the free shipping threshold </li>
<li>After qualifying for free shipping </li>
<li>Checkout page message if free shipping is not met </li>
</ul>
</li>
<li>Shortcodes for Dynamic Messages:
<ul>
<li><code>{minimum_amount}</code> – Minimum cart amount required for free shipping </li>
<li><code>{total_amount}</code> – Current cart total amount </li>
<li><code>{remaining_amount}</code> – Remaining amount needed for free shipping </li>
<li><code>{checkout_page}</code> – Checkout page URL </li>
<li><code>{storepage}</code> – Store/Shop page URL </li>
</ul>
</li>
<li>Fully Responsive Design </li>
<li>Customizable Design to match your website’s branding </li>
<li>Lightweight and Optimized for fast performance </li>
<li>Easy Setup and Usage</li>
</ul>

Free Shipping Bar and Message for WooCommerce

Free Shipping Bar for WooCommerce displays customizable free shipping info on your site’s header, footer, or as a progress bar to boost sales.

Lightweight High Performance Sticky Bar vs Free Shipping Bar and Message for WooCommerce