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.

PI Web Solution

Free shipping notification bar plugin for WooCommerce will show a notification bar on your site that will inform your users that you have free shipping available when shopping for X amount. It will also show a live counter as they shop, so the buyer will know as they become eligible for free shipping
Here are a few of the options that you get with the plugin
<ul>
<li>You can set one shipping zone as default, so you can show the message even when the user has not selected the address</li>
<li>Set custom messages for the shipping bar when the user just enter the site, when he adds some product to cart message changes and when he crosses 50% needed for free shipping message changes and then he reaches the required amount for free shipping, message changes completely</li>
<li>
Change design of the bar from within the option: 
Change background color 
Change text color 
Change bar position
</li>
<li>
In the Pro version, you can add a bar to your desired location using the shortcode [free_shipping_notification]
</li>
<li>There is a circular progress bar shown at the bottom so the user can see their progress even when they close the bar</li>
<li>Change the image that is shown inside the circular progress</li>
<li>Set timing for the bar, like when it should appear, whether it should be persistent or hidden after some time</li>
<li>Allows you to set a custom message when the user has purchased a certain amount of product</li>
<li>It also allows you to show how much more they have to purchase to qualify for free shipping</li>
<li>It gives you the option to translate the custom message in different languages on a multilingual site</li>
<li>Instead of showing the notification on all the pages of the site, you can control where to show the free shipping bar, such as showing it only on the product pages, cart page, or checkout page </li>
<li>Show linear progress towards free shipping, as the user adds more products to the cart</li>
<li>Show circular progress toward free shipping, as the user adds more products to the cart</li>
<li>Disable notification bar for mobile devices</li>
<li>Set a custom breakpoint for mobile devices in pixels (device width)</li>
<li>Change the position of the circular progress, as per your theme; there are 4 position options: bottom left, bottom right, top left, top right</li>
<li>Add a free shipping icon in the notification bar</li>
<li>Show “Free shipping” notification when free shipping is available without any restrictions on purchase amount as well</li>
<li>Show “Free shipping” notification when free shipping is available with a minimum amount restriction and coupon code (you can specify different wording when a coupon code is required to get free shipping)</li>
<li>Smooth linear animation on the progress line</li>
<li>Control the color of the progress line to match your website color</li>
<li>Fully compatible with <a href="https://wordpress.org/plugins/woocommerce-product-price-based-on-countries/" rel="ugc">Price Based on Country for WooCommerce</a></li>
<li>Show free shipping message as a popup </li>
<li>Free shipping popup will show when a product is added or deleted in the cart</li>
<li>You can customize the popup width, background color, font color and have different widths for mobile and desktop</li>
<li>Option to hide all non-free shipping methods when free shipping is available</li>
<li>Option to hide all non-free shipping methods and only show Free shipping and Local pickup methods</li>
<li>When you have free shipping available with “Minimum order amount AND Coupon” then you can hide the notification message when the user adds the coupon to the site</li>
<li>Ignore virtual product cost from minimum amount needed for free shipping (this even changes the behavior of the free shipping method of WooCommerce to ignore the virtual product)</li>
<li>Disable free shipping bar on specific pages, by adding their page IDs, e.g., 22, 33, 45</li>
</ul>
<a href="http://websitemaintenanceservice.in/freeshipping_bar/" rel="nofollow ugc">Try Pro version Admin Demo</a>
<h3>The bar is hiding my menu at the top</h3>
<pre><code>body.pisol-bar-open{ padding-top:40px; }
</code></pre>
When the bar is visible, it adds a class name pisol-bar-open to the body of the page so you can leave some extra spacing at the top so your menu shifts down when the bar is visible. Example: you can add this CSS to add 40px padding from the top when the bar is visible. Add the below CSS in your site Appearance > Customizer > Additional CSS
body.pisol-bar-open{ padding-top:40px; }
So this padding of 40px will be applied when the bar is visible, and it will be removed when the bar is hidden
FEATURES:
<ul>
<li>Free shipping progress bar</li>
</ul>
<h3>Privacy</h3>
If you choose to opt in from the plugin settings, or submit optional feedback during deactivation, this plugin may collect basic technical information, including:
<ul>
<li>Plugin version </li>
<li>WordPress version </li>
<li>WooCommerce version </li>
<li>Site URL</li>
<li>Deactivation reason (if submitted)</li>
</ul>
This data is used solely to improve plugin quality, compatibility, and features. No personal or user-specific data is collected without consent.

Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts

Free shipping bar will show a notification bar/popup on your website with a free shipping progress bar that will inform users how much they should buy …

Lightweight High Performance Sticky Bar vs Free Shipping Bar for WooCommerce – Progress Indicator, Popup & Alerts