Rankd.site

This plugin shows a free shipping progress message on your WooCommerce store. When a customer’s cart is below your threshold, they see how much more they need to spend. When they hit it, the message updates to confirm they’ve qualified. The message refreshes as items are added or removed without a page reload.
You can drop it on any page using the shortcode <code>[rankd_free_shipping]</code>, or turn on auto-inject to have it appear automatically at the top of your cart and checkout pages. Settings are under WooCommerce → Settings → Shipping → Free Shipping Progress.
What it does
<ul>
<li>Auto-injects on the cart page, checkout page, or both — no shortcode needed</li>
<li>Shortcode placement works on any page, widget area, or theme template</li>
<li>Updates the message and progress bar as the cart changes, including on block-based themes</li>
<li>Progress bar is included by default and can be hidden with a single CSS rule</li>
<li>Threshold amount is configurable</li>
<li>Supports an optional coupon code — useful if your free shipping requires one</li>
<li>Message text is customizable, with <code>{amount}</code> and <code>{coupon}</code> merge tags</li>
<li>Role exclusions let you hide the message from specific user roles (wholesale accounts, for example)</li>
<li>The settings page includes a CSS class reference so you know exactly what to target when styling</li>
</ul>
Wholesale stores
Most free shipping plugins have no way to hide the message from wholesale or trade customers. This one does. Check the roles you want to exclude on the settings page and those users won’t see the message.
Before you activate
This plugin displays a message based on your WooCommerce free shipping configuration. It needs that to be set up first:
<ol>
<li>Go to WooCommerce → Settings → Shipping → Shipping Zones and add or edit a zone</li>
<li>Add Free Shipping as a shipping method in that zone</li>
<li>Set “Free Shipping Requires” to match your setup (minimum order amount, coupon, or both)</li>
<li>If using a coupon: go to Marketing → Coupons, create the coupon, and check “Allow free shipping”</li>
</ol>
<a href="https://woocommerce.com/document/free-shipping/" rel="nofollow ugc">WooCommerce Free Shipping documentation</a>
Multiple shipping zones
The plugin shows one threshold to all visitors. If you have zones with different minimums (say, $50 for domestic and $75 for international), customers in the non-primary zones will see the wrong number. If that’s a real concern for your store, you’ll want a plugin with geo-detection built in.
<h3>Styling</h3>
All classes and their purposes are listed on the settings page. Quick reference:
 Class 
 Element
 <code>.rankd-fs-wrapper</code> 
 Outer div (both states)
 <code>.rankd-fs-notice</code> 
 Outer div — threshold not met
 <code>.rankd-fs-success</code> 
 Outer div — threshold met
 <code>.rankd-fs-message</code> 
 Message text span
 <code>.rankd-fs-amount</code> 
 Currency amount span
 <code>.rankd-fs-coupon-code</code> 
 Coupon code span
 <code>.rankd-fs-coupon-line</code> 
 Coupon line beneath success msg
 <code>.rankd-fs-bar-track</code> 
 Progress bar background track
 <code>.rankd-fs-bar-fill</code> 
 Progress bar filled portion

Rankd Free Shipping Progress Bar

Show customers how close they are to qualifying for free shipping, with a progress bar and message that updates as they shop.

Elenova Digital

<h4>Free Shipping Bar and progress bar for WooCommerce</h4>
Shipjoy Free Shipping Bar and progress bar for WooCommerce helps you increase your average order value by showing customers how close they are to qualifying for free shipping. This powerful yet simple free shipping bar plugin displays a beautiful progress bar that motivates shoppers to add more items to their cart.
<h3>🎯 Key Features of Free Shipping Bar Plugin</h3>
<ul>
<li>Free Shipping Bar – Show Free shipping bar to encourage more sales </li>
<li>Full Customisation Setup of Shipping Bar – Customize Colors, Texts, Display locations and more</li>
<li>Customizable Progress Bar – Show progress toward free shipping threshold</li>
<li>Flexible Positioning – Place Shipping bar at top or bottom of the page</li>
<li>Custom Messages – Personalize messages for different cart states</li>
<li>Auto-Detection – Automatically detects free shipping zones from WooCommerce</li>
<li>Manual Override – Set custom minimum amounts if needed</li>
<li>Beautiful Design – Modern, responsive interface that matches any theme</li>
<li>Shortcode Support – Dynamic content with built-in shortcodes to match with woocommerce </li>
<li>No Coding Required – Easy-to-use admin interface</li>
<li>Initial Delay Setup – Set Delay Time of shipping bar to your needs</li>
<li>Full Responsive – Works on all display sizes</li>
</ul>
<h3>📊 Display Locations</h3>
The plugin shows progress bars in strategic locations:
<ul>
<li>Top/Bottom shipping Bar – Notification bar across your entire site</li>
<li>Cart Page – Full progress display on the cart page (Pro)</li>
<li>Checkout Page – Reminder on checkout to add more items (Pro)</li>
</ul>
<h3>🎨 Customization Options</h3>
Design Settings:
<ul>
<li>Bar background color</li>
<li>Text color</li>
<li>Link color</li>
<li>Price color</li>
<li>Font size and alignment</li>
<li>Progress bar colors</li>
</ul>
Message Templates: 
* Announce message (empty cart) 
* After add message (items in cart) 
* Not reached message (below threshold) 
* Goal reached message (free shipping unlocked)
<h3>🔧 Available Shortcodes</h3>
Use these shortcodes in your custom messages:
<ul>
<li><code>{min_amount}</code> – Minimum amount for free shipping</li>
<li><code>{total_amounts}</code> – Current cart total</li>
<li><code>{cart_amount}</code> – Current cart subtotal</li>
<li><code>{missing_amount}</code> – Amount needed to reach goal</li>
<li><code>{checkout_page}</code> – Link to checkout page</li>
<li><code>{shopping}</code> – Link to continue shopping</li>
</ul>
<h3>💎 Pro Features</h3>
Upgrade to Shipjoy Pro for advanced features:
<ul>
<li>Animated Progress Effects – Eye-catching animations for progress bar</li>
<li>Sticky Bar Option – Keep free shipping bar visible while scrolling</li>
<li>Box Shadow Effects – Add depth to your shipping bar</li>
<li>Hover Animations – Interactive hover effects</li>
<li>Entrance Animations – Smooth bar appearance</li>
<li>Custom CSS – Advanced styling options</li>
<li>Multiple Locations – Cart and checkout page displays</li>
<li>Shortcode Support – Place bars anywhere with shortcodes</li>
<li>Priority Support – Get help when you need it</li>
<li>Text Animation Effects – Get Text Animation Effects </li>
<li>Hide On pages – Hide Free Shipping Bar on Specific Pages</li>
<li>More Font Support – Get More Fonts for your free shipping bar</li>
</ul>
<a href="https://elenovadigital.com/shipjoy-free-shipping-bar-for-woocommerce-pro" rel="nofollow ugc">Upgrade to Pro →</a>
<h3>🚀 How Our Free Shipping Bar Works</h3>
<ol>
<li>Install and activate the shipjoy Free shipping and progress bar plugin</li>
<li>Plugin automatically detects your free shipping zones</li>
<li>Customize colors and messages to match your brand</li>
<li>The progress bar appears automatically across your site</li>
<li>Customers see how close they are to free shipping</li>
<li>Watch your average order value increase!</li>
</ol>
<h3>🎯 Perfect For</h3>
<ul>
<li>Online stores wanting to increase average order value</li>
<li>Shops offering free shipping thresholds</li>
<li>WooCommerce stores of any size</li>
<li>Stores wanting to reduce cart abandonment</li>
<li>Anyone looking to boost conversions</li>
</ul>
<h3>🌍 Translation Ready</h3>
The plugin is fully translation-ready and includes: 
* POT file for easy translation 
* RTL language support 
* Multilingual compatibility
<h3>Privacy Policy</h3>
This plugin does not collect, store, or transmit any personal data. It only uses WooCommerce cart information that is already available in your WordPress installation.
<h3>Credits</h3>
<ul>
<li>Developed by <a href="https://elenovadigital.com/" rel="nofollow ugc">Elenova Digital</a></li>
</ul>
<h3>Support This Plugin</h3>
If you find this plugin helpful, please:
<ul>
<li><a href="https://elenovadigital.com/shipjoy-pro" rel="nofollow ugc">Upgrade to Pro</a> for premium features</li>
<li>Share it with other WooCommerce store owners</li>
</ul>
Thank you for using Shipjoy Free Shipping Bar For WooCommerce!

Shipjoy Free Shipping Bar For WooCommerce

Free shipping Bar and progress bar for WooCommerce to encourage customers to increase cart value and boost your sales.

Rankd Free Shipping Progress Bar vs Shipjoy Free Shipping Bar For WooCommerce