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.

WPClever

The WPC Free Shipping Bar plugin is a small improvement for your cart and cart notice. This is a solution to prevent the familiar scenario happens again and again on your site: Customers cancel their order just before the checkout step because of the little extra shipping fee.
Encourage your customers to increase their order value to reach the free shipping threshold will help decrease the abandonment rate significantly. It’s also good for upselling products in your store. Customers tend to navigate back and add more items to reach the free shipping threshold rather than abandoning their cart if you just add one small bar to tell them how close they are to get the free shipping.
It’s a common psychology thing in shoppers: say Yes to a $270 with free shipping rather than a $250 order with a $20 extra shipping fee. Consumers often think that they can get something in return for the amount they will pay for the shipping fee. This ends up that buyers adding more items to their order than their original intentions. That’s how it can help increase the average order value for your online store.
<h4>Live demo</h4>
Visit our <a href="https://demo.wpclever.net/woofc/?utm_source=content&utm_medium=wpcfb&utm_campaign=wporg" title="live demo" rel="nofollow ugc">live demo</a> to see how this plugin works.
<h4>Features</h4>
<ul>
<li>Choose where to display the bar: mini-cart widget, cart & check pages</li>
<li>Use the shortcode to display the bar anywhere you like</li>
<li>Show/hide the message for reminding customers about the frees shipping threshold</li>
<li>Two styles for the bar: rounded or square</li>
<li>Customizable colors for the progress and the bar itself</li>
<li>Add a beautiful effect to the bar</li>
<li>Translatable: find the strings in the Localization tab for translation or text modification</li>
<li>Compatible with <a href="https://wordpress.org/plugins/woo-fly-cart/" rel="ugc">WPC Fly Cart</a> & <a href="https://wordpress.org/plugins/woo-added-to-cart-notification/" rel="ugc">WPC Added to Cart Notification</a> plugins</li>
</ul>
<h4>Need more features?</h4>
Please try other plugins from us:
<ul>
<li><a href="https://wordpress.org/plugins/woo-product-timer/" rel="ugc">WPC Product Timer for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/wpc-product-quantity/" rel="ugc">WPC Product Quantity for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/wpc-price-by-user-role/" rel="ugc">WPC Price by User Role for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/wpc-product-options/" rel="ugc">WPC Product Options for WooCommerce</a></li>
<li><a href="https://wordpress.org/plugins/wpc-order-tip/" rel="ugc">WPC Order Tip for WooCommerce</a></li>
</ul>

WPC Free Shipping Bar for WooCommerce


Thanks for the plugin buddy. I found that short code not working when I apply in single-product template in block based theme also I am looking option for enable in single product page as well in shop archive page and give support woo blocks.


Short code not working

Encourage customers to increase their order value to be qualified for free shipping with a beautiful customizable bar.

Rankd Free Shipping Progress Bar vs WPC Free Shipping Bar for WooCommerce