In this article, you will learn how to configure WooCommerce Free Shipping over amount you define. In this configuration, you will have both Free Shipping and Flat Rate shipping method. The second one will not show in the checkout when Free Shipping is available.
Let's say we want to configure such rules:
- £10 flat rate
- free shipping on £200 order or more
By default, you configure two shipping methods: Flat Rate for the first condition and Free Shipping for the second one.
Free Shipping is not difficult to configure. However, there is a problem with such configuration. Both of the shipping methods will show up in the cart.
I will tell you more about it later, and I will give you a few solutions.
How to configure WooCommerce Free Shipping over amount
If you prefer the form of a video instead of an article, check out our video on how to configure WooCommerce Free Shipping over amount:
Go to your shipping zone: WooCommerce → Settings → Shipping and select your shipping zone.
Click the Add shipping method button and select the shipping methods.
Once you add them you will see such screen:
Click on the Flat Rate. The Flat Rate Settings for our example will look like this:
Next step is to configure the Free Shipping. You configure this shipping method that way:
It works now. You have configured WooCommerce Free Shipping over amount.
The problem: two shipping methods in cart
What's the problem then? When customers exceed £200 in order, they will see both shipping methods:
What you probably want to achieve is to show only one of the shipping methods. The Free Shipping.
When customers don't exceed £200 in order, there should be £10 flat rate in the cart:
When they exceed £200 in order, there should be only Free shipping available:
I think that it should be the default way in which WooCommerce Free Shipping over amount works.
If you share my view, check out the solutions I found.
The solutions to hide other shipping methods
You need a function that will hide all other shipping methods and only show Free shipping.
I found two solutions to this problem:
- a plugin,
- a code snippet.
WC Hide Shipping Plugin
It's easier to use a plugin.
You need to download WC Hide Shipping Plugin. It is a free plugin which over 40,000 stores use actively.
Once you install and activate the plugin, you can configure it.
The plugin doesn't have its own configuration panel. Instead, it adds its options in WooCommerce Settings → Shipping → Shipping options:
As you see above, you can select which shipping methods the store should display in the checkout:
- Free Shipping or
- both Free Shipping and Local Pickup
You can select the second option if you use Local Pickup in your store.
There is another solution. You can simply add a snippet to your theme's function.php file.
It's a short snippet as you can see below:
Flexible Shipping plugin as an alternative solution
There is a completely different way to configure WooCommerce Free Shipping over amount. And way more flexible 🙂 You can use Flexible Shipping plugin that we developed.
Over 90,000 stores worldwide use this plugin on a daily basis.
This plugin lets you create table rate shipping methods in your WooCommerce store.
How would you configure WooCommerce Free Shipping over amount in the Flexible Shipping plugin?
You simply set 200 as Free Shipping. Next, you add only one table rate shipping rule by setting rule cost is: 10.
It will work the same way as the previous configuration based on both Flat Rate and Free Shipping methods. However, it is definitely easier. You will do the whole configuration in one shipping method. What's more, the plugin has a built-in Free Shipping label option. If free shipping is applied, you can display additional information for your customer. It's a small thing, but it works great as a UX touch, and it will also reduce abandoned shopping carts.
If you want to further strengthen your free shipping and increase the value of your sales cart, the plugin has another feature: "left to free shipping" notice. Thanks to it, your customers will get information in their shopping cart and on the order page about the amount missing for free shipping in WooCommerce.
This plugin is not only powerful. It is available to download for free!
Hide other shipping methods when "Free Shipping" is available
In this article, you have learned how to configure WooCommerce Free Shipping over amount. Also, you have learned three solutions to hide all other shipping methods in the cart.
If you need any more help, let us know in the comments section below.
Yet another thing. I want to recommend you our Ultimate Guide to WooCommerce Shipping.