How to Create a WooCommerce Free Shipping Amount Counter?

Do you want to create a free shipping amount counter for your WooCommerce store?

If yes, then you’ve landed at the right place!

The free shipping amount counter lets customers see how much is still needed to get free shipping. It will encourage the customers to shop more. 

68 percent of visitors abandoned their shopping carts because of shipping costs. Customers are willing to wait for even longer delivery dates if shipping is free.

In today’s article, I’ll walk you through the simple and easy-to-follow steps to create a free shipping counter in WooCommerce with the help of the AIO Checkout plugin. 

It will also help you to customize the checkout page, add custom checkout fields, create 2-step checkout, and much more. You don’t need to be technically an expert to work with this plugin. 

Here’s a quick sneak peek of the final results. 

What is a WooCommerce Free Shipping Amount Counter?

A free shipping amount counter is a bar that tells the users that they need to spend a specified amount to become eligible for free shipping. It will encourage them to add more items to the cart and get free shipping. 

Let’s understand this with an example. 

Example: Let’s say you want to offer your customers “Free Shipping” if the cart total is $300. A free shipping counter will allow them to see how much they need to spend to get free shipping. 

It will not only help encourage them to buy more but also helps you get more sales and customers’ trust. 

Benefits of WooCommerce Free Shipping Amount Counter

Following are a few benefits of the free shipping amount counter.

1. Increase Average Order Value

Most of the time, there is a minimum spend needed for free shipping. Customers who fall short of that threshold will pay the shipping fee. Because of this, customers are more likely to spend more to qualify for free shipping (for example, spend $300 to get free shipping), which raises the average order value for your business.

2. Reduce Cart Abandonments

Research by the Baymard Institute found that the high shipping cost was the leading cause of cart abandonment. A startling 60% of consumers abandoned their baskets to avoid paying excessive shipping fees. It demonstrates how crucial it is to provide free shipping. 

When a customer sees that he will get free shipping if he spends, let’s say, $300, so instead of leaving the cart due to shipping cost, he’ll shop more to get free shipping. It will help you to reduce cart abandonment. 

3. Boost Sales and Revenue

Free shipping is often an excellent way to attract more buyers, and the free shipping amount counter helps tell people they need to spend more to get free shipping. It will ultimately get you more sales and revenue.

Now let’s dive into the tutorial and see how you can create a free shipping amount counter in WooCommerce with the help of the AIO Checkout plugin. 

How to Create a WooCommerce Free Shipping Amount Counter?

Follow the following steps to create a free shipping counter.

1. Install and Activate the AIO Checkout Plugin

First, you need to download the AIO Checkout plugin. 

Once you have downloaded it, navigate to the Plugins » Add New from your WordPress admin dashboard, and click the Upload button to upload the downloaded file to install and activate the plugin.

2. Navigate to the AIO Checkout

Once you have installed and activated the plugin, navigate to AIO Checkout from your WordPress dashboard.

3. Click the MiniCart

We need to enable the mini cart to create a free shipping counter. So click the “MiniCart” section. 

4. Enable the MiniCart

Once you click it, a new popup will appear. Click the toggle button next to the “Enable MinCart” to enable it. 

Once you enable the mini cart, a new “Position” field will appear below it. You can change the position of the mini cart as 

  • Bottom Left
  • Bottom Right

For this tutorial, I have selected its position as “Bottom Right,” but you can choose it as you want. 

5. Enable the Free Shipping Amount Counter

Click the toggle button next to the “Enable Free Shipping Progress Bar” to enable the free shipping counter. 

Once you enable the free shipping counter, a few fields will appear below it. From these fields, you can set the free shipping text and threshold. 

5.1. Set the Free Shipping Threshold

Now in the “Free Shipping Threshold” field, set the total cart amount at which you want to offer free shipping. 

For this tutorial, I am adding $300 as a free shipping threshold so that the users have to purchase at least $300 to get free shipping. But it completely depends on your choice. 

You can also change the free shipping text, but I am keeping them to the default ones for this tutorial. But you can completely customize it as you want. You can change the

  • Free shipping first message
  • Amount remaining message
  • Free shipping message

5.2. Click the Save Button

Once you have enabled the free shipping counter and set the free shipping threshold, click the “Save“ button to save the settings. 

6. Final Results

Once the settings are saved, let’s test it. 

To test it, visit the shop page of your store, and you’ll see a mini cart icon at the bottom right side of your screen. 

And when I added products worth less than $300 to my cart and clicked the mini cart icon, a popup slid in from the right side of the screen. Here I can see the amount left for free shipping. 

Wrapping Up

That is it for today’s article. I hope this tutorial helped you to learn how to create a WooCommerce free shipping amount counter with the help of the AIO Checkout plugin without any technical knowledge.

If you have any questions, you can post them below in the comments or contact our customer support. 

The customer support team is quick in answering your questions and helping you. They typically reply within 24 hours. 

Download the AIO Checkout plugin to create a free shipping counter in WooCommerce and boost sales!

Share on facebook
Share on linkedin
Share on twitter
Brian
Brian

Welcome to the Woosuite blog, where we discuss all things WooCommerce. I hope we can help you achieve something today...