How to Add a Free Shipping Progress Bar to Your Shopify Store

Offering free shipping is a great way to increase sales and boost average order values in your Shopify store. In this guide, I’ll show you how simple it is to set up a free shipping progress bar using the Libautech Announcement Bar app.

‍

‍

Step 1: Install the Libautech Announcement Bar App

First, head over to the Shopify app store and install the Libautech Announcement Bar app. This tool makes it easy to display promotional messages, including free shipping progress bars, at the top of your store.

Step 2: Set Up Your Free Shipping Bar

Once the app is installed, follow these steps:

1. Select "Add Bar" – From the app’s dashboard, choose the option to add a new bar.
2. Choose "Free Shipping Bar" – Select the free shipping bar option from the list of available bars.
3. Set the Free Shipping Threshold – Enter the minimum amount customers need to spend to qualify for free shipping. For example, if you set the threshold at $100, the progress bar will update as the customer adds items to their cart, showing how close they are to reaching free shipping.

Step 3: Customize Your Messaging and Design

You can also personalize the messaging that appears in the progress bar. For example, it might say, "Spend $100 to get free shipping!" As customers add items to their cart, the message will update to reflect how much more they need to spend.

Additionally, the design of the bar is customizable. You can choose colors, fonts, and styles that match the look and feel of your store.

Step 4: Create a Free Shipping Discount

To ensure your store automatically applies free shipping once the customer meets the spending requirement, you’ll need to create a corresponding discount:

1. Go to the Discounts Section – In your Shopify dashboard, go to the "Discounts" section.
2. Select "Create Discount" – Choose "Free Shipping" as the discount type.
3. Set the Minimum Purchase Amount – Enter the same amount you used in the progress bar (e.g., $100 or €100) as the minimum the customer needs to spend.
4. Name the Discount – Give your discount a name, like "FreeShip100," and save it. This discount will automatically apply to eligible orders at checkout.

Step 5: Test the Free Shipping Bar

Now that your free shipping progress bar and discount are set up, it's time to test it out. Add items to your cart and watch as the bar updates in real-time. Once the cart total exceeds your threshold, the message will change to something like, "Congrats! You’ve earned free shipping!"

When you proceed to checkout, the free shipping option will automatically apply, giving your customers a seamless shopping experience.

Conclusion

Adding a free shipping progress bar is a simple but effective way to encourage customers to spend more and increase your store’s average order value. With the Libautech Announcement Bar app, setting this up is quick and easy, and it creates a more engaging experience for your customers.

If you have any suggestions or questions, feel free to reach out to us!