Free Shipping Bar based on Amount of Items in Cart and not total $ Amount

Shopify Apps
1

Hello Everyone,

In the Shopify App Store I found tons of Shipping Bars that have a Countdown in monetary Value like: Spent 25$ more to get free shipping.

In my Store all the Items cost the same and to keep thing simple I want to have a Shipping Bar that works like this:

Add 3 more Items to your Cart to get Free Shipping.

Is there an application that can do that? I did not find one.

Best Regards

Daniel

2

Hey, @WunderSticker

Sounds like you want quantity-based free shipping progress bar opposed to $value? If that’s the case, I was able to come across one app in the app store that offers this feature. It’s called Free Shipping Bar.

If there is anything else I can help you with, please let me know.

3

Hey Daniel @WunderSticker , itlooks like @Dirk already suggested an app for this.

Just throwing another option out there—ConvertWise can do this too.

You can set up your rewards/shipping bar inside the cart based on item count instead of cart value. Plus, you can also show complementary add-ons like frequently bought together or AI-based recommendations to nudge shoppers toward bigger orders.

Apurva_CW_0-1738755860579.png
Apurva_CW_0-1738755860579.png2876Ă—1556 403 KB

4

Hi Daniel! :blush: I’m Ellie, 3+ years Sales Promotion Expert.

Is this what you’re looking for?

image
image1705Ă—970 184 KB

Then you should try using an app called BOGOS: Free Gift Bundle Upsell (free plan available):

  1. Set up a gift offer: When customers buy at least 3 products, they get free shipping.

image
image1019Ă—836 69.5 KB

  1. Set up a progress bar: Display a progress bar that tracks the quantity of items in the cart, just like this!

image
image1098Ă—864 67.7 KB

However, I think it can even do further than you need:

:white_check_mark: Easily combine the free shipping with many other gift offers (BOGO, Free gift with purchase, Spend more get more,.. - BOGOS can cover from basic to advanced needs)

:white_check_mark: (optional) Create a product for free shipping

:white_check_mark: (optional) Create multiple other types of promotions—gifts, discounts, bundles, and upsells

P/s: Everything is available only when using the BOGOS app.

BOGOS is designed to scale sales for Shopify merchants. Give it a try and see the difference! :blush:

5
ChatGPT said:

Hey @WunderSticker :waving_hand:

You don’t really need an app for that — you can build a simple “Free Shipping Progress Bar by item count” right inside your Dawn theme (or any Shopify theme) with a few lines of Liquid + JavaScript.

Here’s an easy example you can drop in your cart page or cart drawer:

<div id="item-progress" style="margin:10px 0;">
  <p id="progress-text"></p>
  <div style="height:8px;background:#eee;border-radius:6px;overflow:hidden;">
    <span id="progress-bar" style="display:block;height:100%;background:#3AB77E;width:0%;transition:width .3s;"></span>
  </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', () => {
  fetch('/cart.js')
    .then(res => res.json())
    .then(cart => {
      const items = cart.item_count;
      const required = 3; // change to your free shipping threshold
      const bar = document.getElementById('progress-bar');
      const text = document.getElementById('progress-text');

      if (items >= required) {
        text.textContent = "🎉 You’ve unlocked Free Shipping!";
        bar.style.width = '100%';
      } else {
        const remaining = required - items;
        text.textContent = `Add ${remaining} more item${remaining>1?'s':''} to get Free Shipping`;
        bar.style.width = `${(items / required) * 100}%`;
      }
    });
});
</script>

:light_bulb: Just change const required = 3 to any number of items you want for free shipping.
This works automatically and updates each time the cart changes.

If you prefer a no-code option, some apps like Hextom Free Shipping Bar or Essential Free Shipping Bar can show item-based progress if you set custom rules — but this little code block keeps it free and lightweight.

:hammer_and_wrench: You can check out our Shopify Partner profile — we’ve built and shared several free Shopify app solutions to help store owners. Feel free to explore our profile and see how our apps can make your Shopify experience better!