Introduction to Rewards Progress Bar features

The Rewards Progress Bar is a dynamic progress bar that shows customers how much more they need to spend to unlock a reward (e.g. a discount, free shipping, or a free gift). This feature helps increase your average order value by motivating customers to add more items to their cart.

How to set it up?

Step 1: Enable Rewards Bar

  • Go to your Cart editor page
  • Click "Add more add-ons"
  • Enable the Rewards Bar feature

Step 2: Choose a template

  • Select the design template you want to display on your cart

Step 3: Rewards Progress Bar settings

🔢 Rewards bar settings

  • Reward basis: Choose how rewards are calculated:
    • Cart total (total dollar amount)
    • Item count (number of items in the cart)

Note: Advanced pricing rules (explained below) only apply when the reward basis is set to Cart total.

  • Text after completing full rewards bar: Title of total rewards bar when customers reach full milestones

🌍Advanced Settings

Allows you to set up market-based reward tiers using geolocation pricing.

How it works:

  • Select one or more markets you want to apply special reward conditions for
  • Set Tier 1 / Tier 2 / Tier 3 minimum amount for each market
  • When a customer from a selected market visits your store, the reward bar will follow the pricing rule you set for their location

⚠️ Note: This geolocation-based pricing only works when Reward basis = Cart total. It does not apply when using item count.

You can also enable automatic currency conversion to enhance your international shoppers' experience.

🏆 Tier settings

  • Reward type: Choose what the customer will receive
    • Discount
    • Free shipping
    • Product
  • Reward description: Short message to describe the reward
  • Minimum amount / item count: Threshold needed to unlock the reward
  • Text before completing tier: Message shown before customers reach the threshold

🎨 Design

  • Customize:
    • Text size
    • Reward text size
    • Bar color
    • Selected/unselected icon color

🔖 Discount code

If you haven’t created a discount code yet, click the “Create discount” button at the top of this feature.

Create a discount code matching exactly with the settings in the app admin. The reward bar will automatically display it on your online store once created.

Need more help?

If you encounter any issues or have questions, feel free to reach out to our support team via [email protected] or via our live chat - we're happy to help!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us