How to add a simple shipping PROGRESS bar in cart page?

50 0 16


I just want to add a very simple shipping progress bar to my cart page just like this but I'm not sure how to do it;


I tried to add the code suggested from this topic:

It shows up well on my cart page but it does not connect with my store shipping price at the backend; (customers don't get free shipping when they reach the threshold)


How can I make it work properly?

My site: here



Replies 3 (3)

Shopify Partner
479 57 103

Hello @VuongTuanAnh,

Hope you are doing well.

To add the simple shipping progress bar to your cart page you can use the iCart Cart Drawer Cart Upsell app, this app is free to use up to 50 orders per month.

iCart Cart Drawer Cart Upsell App

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more visit
50 0 16

@iCart_App Thanks for your suggestion 😄

Shopify Partner
1 0 0

Another option, if you didn't want to use an app you could create a free shipping rate in Shopify. That way you could use your original solution to power the in-cart AOV prompt, and let Shopify's native settings handle applying the rule.