Free Shipping Bar
The Free Shipping Bar shows a progress bar on the cart page. It tells customers how much more they need to spend to qualify for free shipping.
Turn on Free Shipping Bar
Section titled “Turn on Free Shipping Bar”- Go to Milano Dashboard → Modules.
- Find Free Shipping Bar and turn the toggle on.
Set up a free shipping method
Section titled “Set up a free shipping method”Before the bar can track progress, you need a free shipping method with a minimum order amount in WooCommerce:
- Go to WooCommerce → Settings → Shipping → Shipping zones.
- Select a shipping zone or add a new one.
- Click Add shipping method and choose Free shipping.
- Click Edit next to the Free shipping method you added.
- In Minimum order amount, enter the amount customers must spend to qualify for free shipping.
- Click Save Changes.
Configure
Section titled “Configure”- Go to WooCommerce → Settings → Shipping → Free Shipping Bar.
- Set:
- Threshold override — Override the minimum amount from your shipping zone. Leave blank to auto-detect.
- Progress message — Text shown before the goal is met. Use
{amount}as a placeholder for the remaining amount. Default: “Spend {amount} more to enjoy free shipping!” - Reached message — Text shown when the goal is met. Default: “Congratulations! You’ve got free shipping!”
- Click Save Changes.
The bar automatically calculates progress based on the cart total compared to the threshold.
Requirements
Section titled “Requirements”- WooCommerce must be installed and active.
- A free shipping method with a minimum order amount must be set up in WooCommerce → Settings → Shipping → Shipping zones. See Set up a free shipping method above.