Discount progress bar

STEP 1: Go to Shopify Admin → Discounts → Create discount

STEP 2: Choose the "Amount off products" discount type. If you want to offer free shipping as a discount goal, choose Free shipping discount type.

STEP 3: Make sure you choose "Automatic discount".

STEP 4: Set the Discount value (this will be displayed in your progress bar), and the Eligibility of the discount.

STEP 5: Set the Minimum purchase requirements > tick Minimum quantity of items > fill in the required number (this will be displayed in your progress bar as well).

STEP 6: Click "Save".

STEP 7: Repeat for each tier (create a separate discount for each goal)

STEP 1: Add the Discount progress bar block

Navigate to the Product page, under the Product information section, add the Discount progress bar block

STEP 2: Choose the discount type

At Discount type, choose the Items quantity option.

STEP 3: Match the goals

Click on the Discount progress bar to open the settings panel. Scroll down to the Goal 1 section and fill in the values:

Field name	What to fill in?	How it appears
Goal 1	Enter the exact threshold you set earlier in Shopify admin (e.g., 10)
Goal 1 label	Enter discount description for the tiers table (e.g., "$5 off each")
Goal 1 pre-goal message	- Message shown BEFORE goal is reached.  - Use these placeholders to add dynamic value:  [x] = automatically shows the remaining quantity needed. [goal_label] = automatically shows the goal label you entered	How it works for customers: Goal condition: 10 items needed for $5 off each Current cart: 5 items Pre-goal message displayed
Goal 1 post-goal message	Message shown AFTER reaching goal. Use [goal_label] placeholder	How it works for customers: Goal condition: 10 items needed for $5 off each Current cart: 10 items Post-goal message displayed

STEP 4: Repeat these steps for goals 2,3,4,5.

STEP 4: Click "Save" when done.

STEP 1: Add a Heading (e.g., "Buy more get more!")

STEP 2: Decide where the block applies:

For specific products → select products under Apply to products.

For specific collections → select collections under Apply to collections.

For all products and collections → leave both fields empty.

STEP 3: Choose how the discount progress is tracked

At Progress calculation method, choose among:

• Per product: Customers must reach the discount threshold within a single product for the bar to move forward.

👉For example: If the discount requires buying 5 items, and the customer adds 3 product A and 2 product B, the bar won’t move. But if they add 5 product A, the bar will progress.

• Combined total: Progress is tracked based on the total quantity across all selected products/collections in the cart.

👉For example: If the discount requires 5 items, the customer can add 3 product A + 2 product B. Since the total quantity is 5, the bar will progress.

STEP 4: Save your settings

STEP 1: Go to Shopify Admin → Discounts → Create discount

STEP 2: Choose the "Amount off products" discount type. If you want to offer free shipping as a discount goal, choose Free shipping discount type.

STEP 3: Make sure you choose "Automatic discount".

STEP 4: Set the Discount value (this will be displayed in your progress bar), and the Eligibility of the discount.

STEP 5: Set the Minimum purchase requirements > tick Minimum purchase amount > fill in the required number (this will be displayed in your progress bar as well).

STEP 6: Click "Save".

STEP 7: Repeat for each tier (create a separate discount for each goal)

STEP 1: Add the Discount progress bar block

Navigate to the Product page, under the Product information section, add the Discount progress bar block

STEP 2: Choose the discount type

At Discount type, choose the Items purchase amount option.

STEP 3: Match the goals

Click on the Discount progress bar to open the settings panel. Scroll down to the Goal 1 section and fill in the values:

Field name	What to fill in?	How it appears
Goal 1	Enter the exact threshold you set earlier in Shopify admin (e.g., 100) Amount entry formats: Amount only (e.g., 100) - Applies to all countries and currencies universally Currency code with amount (e.g., USD:100) - Applies to any country that uses the specified currency (USD in this example) Country code with currency and amount (e.g., US:USD:100) - Applies only to the specific country with the specified currency (United States with USD in this example) 👉Add one rule per line only.
Goal 1 label	Enter discount description for the tiers table (e.g., "5% off")
Goal 1 pre-goal message	- Enter the message shown BEFORE the goal is reached.  - Use these placeholders to add dynamic value: [x] = automatically shows the remaining quantity needed [goal_label] = automatically shows the goal label you entered	How it works for customers: Goal condition: Spend 100đ to get 5% off Current cart: 94đ subtotal  Pre-goal message displayed
Goal 1 post-goal message	- Enter the message shown after reaching the goal - Use these placeholders to add dynamic value: [goal_label] = automatically shows the goal label you entered	How it works for customers: Goal condition: Spend 100đ to get 5% off Current cart: 100đ subtotal  Post-goal message displayed

STEP 4: Repeat these steps for goals 2,3,4,5.

STEP 5: Click "Save" when done.

STEP 1: Add a Heading (e.g., "Buy more get more!")

STEP 2: Decide where the block applies:

• For specific products → select products under Apply to products.
• For specific collections → select collections under Apply to collections.
• For all products and collections → leave both fields empty.

STEP 3: Choose how the discount progress is tracked

At Progress calculation method, choose among:

• Per product: Customers must reach the discount threshold within a single product for the bar to move forward.

👉For example: If the discount gives $10 off when spending $100 on the same item, spending $50 on Product A and $50 on Product B won't count. However, if customers spend $100 on Product A alone, the bar will progress.

• Combined total: Progress is tracked based on the total quantity across all selected products/collections in the cart.

👉For example: If the discount gives $10 off when spending $100, customers can spend $50 on Product A + $50 on Product B. Since the combined subtotal reaches $100, the bar will progress.

STEP 4: Save your settings