How to Setup a Progress Bar Upsell Offer

Sophia

Last Update 4 months ago

Before you start customizing theĀ Cart, here is the guide toĀ open theĀ Sale MaxĀ SettingsĀ page.
In theĀ "Reward (Progress Bar) Upsell"Ā  Scroll slightly to "Reward Target", there are two options available:


1. Cart Price: Calculates the discount threshold based on the total cart price.


2. Cart Item: Calculates the discount threshold based on the number of items in the cart.
Click on "Add New Reward Tier", and a new offer will be added.
Inside, you’ll see the first field,Ā "Reward Offer Text."Ā Enter your offer name here, and it will be visible in theĀ RewardĀ offer text.
Next is the "Discount Option" field. There are four options available:


1. No Discount: Select this option if you don’t want to provide any discount when the progress bar offer value is reached.
šŸ‘‰ Please refer to this article for step-by-step instructions.

2. Free Shipping:Ā Choose this option if you want to apply a free shipping when the progress bar value is reached.
šŸ‘‰Ā Please refer to thisĀ article for step-by-step instructions.

3. Discount:Ā Choose this option if you want to offer aĀ percentage discountĀ orĀ fixed amount,Ā  when the progress bar value is reached.
šŸ‘‰Ā Please refer to thisĀ article for step-by-step instructions.

4. Free Product (BOGO offer):Ā Select this option if you want to provide a buy one, get one free offer (buy X, get Y) when the progress bar value is reached.
šŸ‘‰Ā Please refer to thisĀ article for step-by-step instructions.

You can add up to 5 reward tiers only in the progress bar Upsell setup.

Here, you can change the colors of the reward bar to match your store design:
  • Reward Bar Fill → Color of the filled (progress) section
  • Reward Bar Empty → Color of the remaining (empty) section
  • Reward Offer Text → Color of the reward labels (e.g., 10% off, Free Shipping)

The ā€œProgress Bar Offer Completed Messageā€ is displayed when a customer successfully reaches and unlocks the final reward tier.

This message acts as a congratulatory note
  • Example:

Ā  Ā  Ā  Ā  Ā Ā YOU'VE UNLOCKED THE OFFER


The ā€œShow Confettiā€ checkbox allows you to enable or disable a celebratory animation in the cart.
  • Checked → Confetti animation will appear (By Default)
  • Unchecked → No animation will be shown
This animation is triggered when a customer successfully unlocks the final reward offer in the progress bar.

Once you’ve completed all the required changes,Ā click the Save buttonĀ at theĀ top centerĀ or theĀ top rightĀ of the screen to save them.

Need Help?
If you need any assistance, our support team is availableĀ 24/7Ā throughĀ live chat, email (Ā [email protected]Ā ), and support tickets.

Was this article helpful?

1 out of 1 liked this article

Still need help? Message Us