Venue theme: you're X away from Free Shipping

Store Design
, ,

Topic summary

A user wants to implement a “X away from free shipping” progress bar on both the checkout page and promotional bar.

Key Findings:

  • Checkout page customization requires Shopify Plus plan (approximately $2,000+)
  • The feature can be added to all other store pages on basic plans, just not checkout
  • Basic HTML/CSS code was provided for the progress bar structure:
    • Shows remaining amount needed
    • Includes a visual progress indicator
    • Requires dynamic percentage updates

Current Status:

  • The dynamic percentage update functionality involves complex technical implementation
  • One responder offered paid development services to complete the dynamic features
  • The discussion remains open regarding how to implement the automatic percentage calculations
Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

I am trying to get something like this on the checkout page and the promo bar.

InakiLopez_0-1690877392457.png
InakiLopez_0-1690877392457.png1078Ă—1132 67.4 KB

2

Hi @InakiLopez ,

You need upgrade your plan to the plus plan to customize checkout page. We don’t have a permission to update this page with the basic plan.

3

Hi @InakiLopez

You can enable this feature on all store pages except the checkout as checkout editing only possible in Shopify Plus plan.

1 Like
4

Oh ok. The Shopify Plus plan is the$2.000+ plan right?

What should I do in order to add this feature to all store pages?

5

Use below HTML code

Shop 20$ more to get discount

20$ left

32%

Update ther percent dynamically.

6

And how do I update the percent dynamically?

7

Hi @InakiLopez

For this you have to hire us as this involves more technical details at multiple levels.