FLEXIBLE SHIPPING IS NOW OCTOLIZE
We are very glad to tell you that Flexible Shipping has grown into Octolize. Read more!

Display Remaining Amount to Free Shipping in WooCommerce

Display Remaining Amount to Free Shipping in WooCommerce
Author Bartosz Gajewski
Updated:
2020-09-08
Reading time:
3 minutes read

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 paying for delivery. To make it even more efficient, you can display the remaining amount to free shipping. In this article, I’ll show you how to do it with a free plugin.

Every time I write about free shipping, I recommend it as much as I can. It’s a very effective marketing tool that can raise sales in your store. This time, I’d 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.

Read our complete guide about free shipping in WooCommerce.

How to display remaining amount to free shipping in WooCommerce?

As I will show you, it can be a really simple thing to do. You can use custom code or a proper plugin. In this article, I’ll show you how to display remaining amount to free shipping in WooCommerce with the free Flexible Shipping plugin. It offers much more than just free shipping. It’s a feature-rich table rate plugin that allows you to set shipping cost based on cart weight and value. And it’s all for free!

Flexible Shipping WooCommerce

The best Table Rate Shipping for WooCommerce. Period. Create shipping rules based on weight, order totals or item count.

Download for free or Go to WordPress.org
100,000+ Active Installations
Last Updated: 2022-05-12
Works with WooCommerce 6.2 - 6.5.x

Add Flexible Shipping method

With the proper plugin, you can start the configuration. Go to your shipping zone, press Add shipping method button, and select Flexible Shipping from the list of available methods. 

Add new Flexible Shipping method

Then click on the newly created Flexible Shipping method to edit it. In the new window, you will see a list of all Flexible Shipping methods. It should be empty, so it is time to add the shipping method. To do this, just click the Add New button. 

Add a new shipping method in Flexible Shipping plugin

Finally, a new Flexible Shipping method is created, and you can configure it.

Flexible Shipping method settings

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.

Free shipping configuration

However, the most important thing, in this case, will be to configure the free shipping. It is very simple. In the Free shipping field, enter the amount that will become the free shipping level. Then in the Free shipping label field, enter the label that will appear when it will be reached.

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

The ‘Left to free shipping’ notice checkbox mentioned above will appear after defining the free shipping threshold in the Free shipping field.

We also have a video guide on how to set WooCommerce Free Shipping Over Amount:

Results

The remaining amount for free shipping will be displayed on the shopping cart and order page, and its appearance will depend on the theme you are using.

In a standard Storefront theme, that message will look like this:

remaining amount to free shipping in WooCommerce

 

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.

Changing the notice

Information about the missing amount for free shipping can be easily edited. Just use this specially prepared filter:

flexible_shipping_free_shipping_notice_text

Here is an example of how to use it:

All you have to do is to insert your own text, containing the %1$s section, which is responsible for displaying the corresponding amount. Put it instead of You only need %1$s more to get free shipping! message. After changing the code, just paste it into the functions.php file.

Remaining amount to free shipping in WooCommerce

Displaying the remaining amount to free shipping in WooCommerce is not so difficult to set up. All you need is one proper plugin. And what’s more, with Flexible Shipping you can do it for free! I hope it will help you to increase your sales. Good luck!

Comments
Subscribe
Notify of
guest
26 Comments
Inline Feedbacks
View all comments
Nature et Soi Webmaster
Nature et Soi Webmaster
1 year ago

Hello, this function it does not work.

Nature et Soi Webmaster
Nature et Soi Webmaster
1 year ago

After the lest update … it’s ok …. thank you

O2 Web
O2 Web
1 year ago

I would like to know, before making the purchase, if this text can be translated into several languages, I have my store in 2 languages

Łukasz Spryszak
Łukasz Spryszak
Reply to  O2 Web
1 year ago

Hi O2 Web, yes, this phrase should be fully translatable.

Mehdi
Mehdi
1 year ago

Hi it seems that the flexible_shipping_free_shipping_notice_text hook doest not work anymore since 5.6 WordPress update. I use that hook to translate the message.
Thanks.

David
David
Reply to  Mehdi
1 year ago

Same issue for me with WP5.6.1

Łukasz Spryszak
Łukasz Spryszak
Reply to  David
1 year ago

Hi David, hi Mehdi, I’ve just run a test on the fresh WP 5.6.1 installation with only the latest WooCommerce 5.0.0 and Flexible Shipping free 4.0.10 on. I used the slightly modified snippet above and added it using Code Snippets plugin:comment image . I’ve set the free shipping threshold for Shipping to Porto method to 200 €, added some sample 100 € product to the cart, entered the shipping details and here are the results:comment image As you can see it worked properly on the WP 5.6.1 as well. Please make sure no other plugins you are currently using are interfering or there is no other free shipping method or method with 0 cost available.

David
David
Reply to  Łukasz Spryszak
1 year ago

Finally it works. May be it was a cache issue.
However the ‘Continue shopping’ link on the right has dissapeared.

Łukasz Spryszak
Łukasz Spryszak
Reply to  David
1 year ago

David, have you tried using the slightly modified snippet below?

add_filter( 'flexible_shipping_free_shipping_notice_text', 'wpdesk_flexible_shipping_free_shipping_notice_text', 10, 2 );
function wpdesk_flexible_shipping_free_shipping_notice_text( $notice_text, $amount ) {
return sprintf( 'You only need %1$s more to get free shipping! %2$sContinue shopping%3$s', wc_price( $amount ), '', '' );
}

Yasin
Yasin
Reply to  Łukasz Spryszak
1 year ago

Hello I tried this code but ‘Continue shopping’ not clickable anymore. It just text.

Łukasz Spryszak
Łukasz Spryszak
Reply to  Yasin
1 year ago

David, Yasin, it looks like for some reason Disqus comments system removes the part of the snippet responsible for displaying the Continue Shopping button linking. That’s why I’m pasting it as screenshot this time:comment image

I’ve just run a test and the snippet above worked properly including the fully functional and clickable Continue Shopping button:comment image

Yasin
Yasin
Reply to  Łukasz Spryszak
1 year ago

Thank you for answer! Copy and pasted code but problem continues.

Łukasz Spryszak
Łukasz Spryszak
Reply to  Yasin
1 year ago

Yasin, I see you’ve used the previous version with the HTML link tags stripped. Please try the later version from the screenshot:comment image

Yasin
Yasin
Reply to  Łukasz Spryszak
1 year ago

Now works like a charm! Thank you! Have a nice day.

Łukasz Spryszak
Łukasz Spryszak
Reply to  Yasin
1 year ago

It’s great to hear that and I’m glad I was able to help 🙂

David
David
Reply to  Łukasz Spryszak
1 year ago

Yes! Thank you!

GOTDESIGN
GOTDESIGN
10 months ago

Hello, everythin fine but there is no announcement “You only need xx,xx more to get free shipping” after add the filter, why?

Łukasz Spryszak
Łukasz Spryszak
Reply to  GOTDESIGN
10 months ago

Hi GOTDESIGN, is there any 0-cost shipping method available to pick at the moment in your shop (including the WooCommerce default Local Pickup)? If so, I believe this might be the reason for the notice not being displayed. If any 0-cost shipping method is available it is considered as the free shipping being granted and that’s why the notice is no longer being displayed.

GOTDESIGN
GOTDESIGN
Reply to  Łukasz Spryszak
10 months ago

There was 0-cost in local pickup, ive changed it for 10 nothing happen, disabled and still cant see it in cart

GOTDESIGN
GOTDESIGN
Reply to  GOTDESIGN
10 months ago

even if i unchecked all other shipping method

Łukasz Spryszak
Łukasz Spryszak
Reply to  GOTDESIGN
10 months ago

Does the ‘Darmowa wysyłka’ shipping method include any rules granting the 0 shipping cost?

GOTDESIGN
GOTDESIGN
Reply to  Łukasz Spryszak
10 months ago

Nope

Łukasz Spryszak
Łukasz Spryszak
Reply to  GOTDESIGN
10 months ago

Could you please contact us directly at https://octolize.com/support/ ? I’m afraid that we will need to take a closer look at the situation to check what’s going on there.

Tri ShC
Tri ShC
7 months ago

Which functions.php file should I use as I have found multiple functions.php that may be used. I am new to this so any help would be appreciated.

Łukasz Spryszak
Łukasz Spryszak
Admin
Reply to  Tri ShC
6 months ago

Hi Tri, you should use the functions.php of the theme/child-theme your shop’s currently using. It should be located in the theme folder at /wp-content/themes/name-of-your-theme/functions.php. Optionally, you can also use e.g. the Code Snippets plugin to place the code safely without modifying the files via FTP and to prevent the changes from being overwritten after the theme’s updated.

Tri ShC
Tri ShC
Reply to  Łukasz Spryszak
6 months ago

Thank you so much for your answer. It is very much appreciated!

Check out our case studies

Vitrek’s Story

Since 1990, Vitrek has provided innovative global solutions for High Voltage Test and Measurement. Vitrek supplies.

2 minutes read
EnglishSpeakingMum’s Story

EnglishSpeakingMum is a Polish dedicated and involved parenting blogger. She promotes the idea of raising.

2 minutes read

Join over 10,000 subscribers

Stay up to date and get WooCommerce tips & Octolize news right to your inbox!