Rewards bar

Motivate shoppers to spend more with a dynamic Reward Bar in the cart drawer.

What is the Reward bar?

The Reward Bar is a visual progress indicator placed inside your cart drawer, designed to increase average order value (AOV) by encouraging customers to add more items to unlock enticing rewards. Whether it’s free shipping, a cart discount, or a free gift, the Reward Bar shows exactly how close customers are to each reward tier, keeping them engaged and nudging them toward checkout.

Why use the Reward bar?

Clear Incentive to Increase Cart Value

Customers often abandon carts just before reaching rewards like free shipping. The Reward Bar shows them exactly how much more they need to add, making it easier to motivate upsells.

Boost Average Order Value (AOV)

By encouraging customers to reach higher reward tiers, the Reward Bar helps increase the size of each purchase, directly lifting your store’s AOV.

Flexible Reward Options

Merchants can configure up to three tiers with different incentives: free shipping, discounts, or gifts, tailored to fit your campaign goals and customer preferences.

How to set up

You can activate and customize the feature directly from the Body > Reward Bar section in the Cart Editor settings. Here, toggle the button at the top right of the settings to enable this feature.

Step 1: Customize the Campaign Setting

This is where you define your reward structure.

Tiered reward type

Choose to base reward progress on either

• Total cart value

• Product quantity

Tiers

You can add up to 3 reward tiers, each with:

• A reward type:

  • Free Shipping

  • Free Product

  • Order Discount

• A minimum cart condition (e.g. Buy at least 2 items)

• A required discount code

The app does not auto-generate discounts. You must link your own codes that is manually created in Shopify admin.

Step 2: Customize the Display Setting

The Display setting tab lets you customize the look and messaging of your Reward Bar, ensuring it aligns with your store's tone and brand aesthetics.

Content

Customize the messages shown at each stage of the reward journey.

• Title upon achieving all tiers Define the final message customers see when all rewards are unlocked. Example: “Congratulations! You’ve reached all reward milestones!”

Tier Messages For each reward tier, set a motivational message shown before the tier is unlocked.

Use the following variables:

• {{item_left}}: Number of items or value left to unlock the reward

• {{reward_1}}, {{reward_2}}: Names of rewards in each tier

Examples:

• “You are {{item_left}} items away from getting {{reward_1}}”

• “You are {{item_left}} items away from getting {{reward_2}}”

You can add up to three rewards in total.

Styling Options

• Title color: Choose the text color for the main message above the bar

Milestone

• Reached text color and icon color: Used for completed milestones

• Unreached text color and icon color: Used for milestones not yet reached

Reward bar

• Reached bar background: Color of the filled progress bar

• Unreached bar background: Color of the remaining unfilled bar

These settings help create visual clarity and progression for your customers.

Animation

Toggle this on to enable a celebratory animation when the customer completes the final tier. This small delight reinforces the feeling of accomplishment and nudges users to complete their purchase.