Rankd Free Shipping Progress Bar
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 [rankd_free_shipping], 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
- Auto-injects on the cart page, checkout page, or both — no shortcode needed
- Shortcode placement works on any page, widget area, or theme template
- Updates the message and progress bar as the cart changes, including on block-based themes
- Progress bar is included by default and can be hidden with a single CSS rule
- Threshold amount is configurable
- Supports an optional coupon code — useful if your free shipping requires one
- Message text is customizable, with
{amount}and{coupon}merge tags - Role exclusions let you hide the message from specific user roles (wholesale accounts, for example)
- The settings page includes a CSS class reference so you know exactly what to target when styling
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:
- Go to WooCommerce → Settings → Shipping → Shipping Zones and add or edit a zone
- Add Free Shipping as a shipping method in that zone
- Set “Free Shipping Requires” to match your setup (minimum order amount, coupon, or both)
- If using a coupon: go to Marketing → Coupons, create the coupon, and check “Allow free shipping”
WooCommerce Free Shipping documentation
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.
Styling
All classes and their purposes are listed on the settings page. Quick reference:
Class Element
.rankd-fs-wrapper
Outer div (both states)
.rankd-fs-notice
Outer div — threshold not met
.rankd-fs-success
Outer div — threshold met
.rankd-fs-message
Message text span
.rankd-fs-amount
Currency amount span
.rankd-fs-coupon-code
Coupon code span
.rankd-fs-coupon-line
Coupon line beneath success msg
.rankd-fs-bar-track
Progress bar background track
.rankd-fs-bar-fill
Progress bar filled portion