{"id":221276,"date":"2026-03-13T09:00:05","date_gmt":"2026-03-13T08:00:05","guid":{"rendered":"https:\/\/flexibleshipping.com\/?p=221276"},"modified":"2026-03-13T13:00:29","modified_gmt":"2026-03-13T12:00:29","slug":"display-remaining-amount-free-shipping-woocommerce","status":"publish","type":"post","link":"https:\/\/octolize.com\/es\/blog\/display-remaining-amount-free-shipping-woocommerce\/","title":{"rendered":"Free Shipping Bar: How to Display Remaining Amount to Free Shipping in WooCommerce?"},"content":{"rendered":"

Free shipping over the amount is a super effective marketing tool in eCommerce. Most clients would be willing to buy something extra from your store than pay for delivery. To make it even more efficient, you can display the remaining amount to free shipping with a Free Shipping Bar. In this article, I’ll show you how to do it with a free plugin.<\/strong><\/p>\n

Every time I write about free shipping, I recommend it as much as I can. It\u2019s a very effective marketing tool that can raise sales in your store. This time, I\u2019d like to present an additional solution that can boost it even more. As simple as it sounds, it’s just displaying the remaining amount to free shipping in your store. This way, your customer will know exactly how much they have to add to their cart to get free delivery. Experiments showed the fact that customers prefer to spend more on products than spending that money on shipping.<\/p>\n

Read our complete guide about free shipping in WooCommerce<\/a>.<\/div>\n

How to display remaining amount to free shipping in WooCommerce?<\/h2>\n\n\n\t\n\t\n\t\n\t\n\t\n\n\t\n\n\t
<\/div>\n<\/div>\n\n

Displaying a free shipping bar in your store can be a simple thing to do. You can use custom code or a proper plugin. In this article, I\u2019ll show you how to display the remaining amount to free shipping in WooCommerce with the free Flexible Shipping plugin. It offers much more than just free shipping. It\u2019s a feature-rich table rate plugin that allows you to set shipping cost based on cart weight and value. And it\u2019s all for free!<\/p>\n\n

\n
\n
\n \t\n\t\t\t\t\t\t\t\t\t
Flexible Shipping WooCommerce<\/div>\n\t\t\t\t\n\t\t\t\t

The best Table Rate Shipping for WooCommerce. Period. Create shipping rules based on weight, order totals, or item count.<\/p>\n\n\t\t\t\tGo to WordPress.org<\/a>\n\t\t\t\tor<\/span>\n\t\t\t\tDownload for free <\/i><\/a>\n\t\t\t<\/div>\n\n Octolize<\/span>\n <\/div>\n\n

\n
\n
\n <\/span>\n <\/span>\n <\/span>\n <\/span>\n <\/span>\n <\/div>\n\n
\n \t\t\t\t\t\t100,000+ Active Installations<\/strong>\n\t\t\t\t\t\t\t\t\t\t30-day money back guarantee<\/strong>\n <\/div>\n <\/div>\n\n
\n
\n\t\t\t\t\tLast Updated: 2026-05-21 <\/div>\n\n
\n\t\t\t\t\tWorks with WooCommerce 10.4 - 10.8.x <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n

Add Flexible Shipping method<\/h3>\n

With the proper plugin, you can start the configuration. Go to your shipping zone, press the Add<\/strong><\/span>\u00a0shipping method <\/b>button,<\/b> and select <\/span>Flexible Shipping<\/b> from the list of available methods.\u00a0<\/span><\/p>\n

Then click on the newly created Flexible Shipping method to edit it. <\/span><\/p>\n

\"\"<\/a><\/p>\n

Enable the method, set a title, and optionally an additional description. You can also use the shipping rules or integrate that shipping method with couriers.<\/p>\n

Free shipping configuration<\/h3>\n

However, the most important thing, in this case, will be to configure the free shipping method. In the Free shipping<\/strong> field, enter the amount that will become the free shipping level. Then in the Free shipping label<\/strong> field, enter the label that will appear when it will be reached.<\/p>\n

\"free<\/a><\/p>\n

If you have set up free shipping in the method, you can start displaying the remaining amount for free shipping in WooCommerce. To achieve this, just check the <\/span>‘Left to free shipping’ notice<\/b> box. And that’s basically it. As I mentioned before, with the Flexible Shipping plugin it is trivially simple.\u00a0<\/span><\/p>\n

The ‘Left to free shipping’ notice<\/strong> checkbox mentioned above will appear after defining the free shipping threshold in the Free shipping<\/strong> field.<\/div>\n

If you still need some help, watch this video on how to add free shipping over amount in WooCommerce and how to hide other shipping methods, when free shipping is activated.<\/span><\/p>\n

\n\n\t\n\t\n\t\n\t\n\t\n\n\t\n\n\t

<\/div>\n<\/div>\n<\/p>\n

 <\/p>\n

Results<\/h3>\n

The Free Shipping Bar will be displayed on the shopping cart and order page, and its appearance will depend on the theme you are using.<\/p>\n

In a standard Storefront theme, that message will look like this:<\/p>\n

\"remaining<\/a><\/p>\n

 <\/p>\n

The missing amount will be dynamically changed based on the value of the basket. It is important that all shipping methods in your store have the same free shipping amount. The message about the missing amount for free shipping in WooCommerce will be displayed regardless of the shipping method chosen by the customer.<\/p>\n

Changing the notice<\/h3>\n

Information about the missing amount for free shipping can be easily edited. Just use one of the specially prepared filters:<\/p>\n

flexible_shipping_free_shipping_notice_text_message\u00a0<\/code> to edit the notice text,
\nflexible_shipping_free_shipping_notice_text_button_label\u00a0<\/code> to edit the button label.<\/p>\n

Here are some examples of how to use it:<\/p>\n

Change the notice text<\/strong><\/p>\n