Tiered Rewards Bar in a Shopify Cart: How to Design the Tiers

A tiered rewards bar is a progress bar in the cart with two or three milestones, each unlocking a reward at a higher cart value: usually free shipping first, then a discount, then a gift. It works when each tier sits about one product away from the last and each reward costs less than the margin on the spending it prompts. This guide covers how many tiers to run, how to space and cost them, how to word the message, and when a single tier is the better choice.

How many tiers should a rewards bar have?

Two or three. One tier gives the shopper a single reason to add something; once it is reached, the bar has nothing left to say. A second and third tier restart that reason.

Beyond three, the bar stops being readable. On a phone there is room for a track, a few markers and one line of text. Five markers on that track are a puzzle, and a shopper who has to work out the offer will not act on it.

What order should the rewards come in?

Shipping, then a discount, then a gift.

• Free shipping first. It is the reward shoppers understand without explanation, and it removes a cost they were about to see at checkout.
• A discount second. A percentage or fixed amount off the order. It is the most expensive tier, which is why it should not come first.
• A gift last. A physical item has a perceived value above its cost to you, so it can sit at the top tier without the cost climbing in step.

How far apart should the tiers be?

About the price of one typical add-on item. The shopper should be able to reach the next tier with a single addition, and should see that at a glance.

Here is an example with made-up figures. Say a store has a median order of $48 and most of its add-on products cost between $12 and $20:

• Tier one at $60: free shipping. One add-on reaches it from the median.
• Tier two at $80: 10 percent off. One more item from tier one.
• Tier three at $110: a free gift. Two items, or one of the pricier products.

The gaps widen as the tiers rise, because a shopper who has passed two tiers has shown they are building a larger basket. To set the first tier properly, work through how to calculate a free shipping threshold first; the later tiers are measured from it.

What does each tier cost you?

Each reward has a different cost shape, and rewards stack. A shopper at the top tier has all three.

• Free shipping costs the carrier charge you no longer pass on. It is the same amount whatever the cart is worth.
• A percentage discount applies to the whole cart, not just the items added to reach it. In the example above, 10 percent at $80 costs $8, while the $20 added since tier one earns, at a 60 percent margin, $12. The tier pays, but narrowly.
• A gift costs its landed price plus the time to pick and pack it.

The test for every tier is the same: the margin on the spending between this tier and the one before must exceed the cost of the reward.

How should the progress message read?

State the exact amount and name the reward. The message is the part of the bar people read, and vague wording wastes it.

• Before the first tier: 'You are $12 away from free shipping.'
• On reaching it: 'Free shipping unlocked. Add $20 more for 10% off.'
• At the top: 'You have unlocked free shipping, 10% off and a free gift.'

A few rules keep it clear:

• Show one next step at a time. The markers on the track show the other tiers; the text should not list them.
• Update the moment the cart changes, in both directions. If a shopper removes an item and drops below a tier, say so plainly.
• Confirm every unlock. The confirmation is the reward for the action just taken.

When is one tier enough?

More often than the feature list suggests. Run a single tier when:

• Your volume is low. You need enough orders to tell whether each tier pays for itself. With few orders, one well-set threshold is easier to judge than three.
• Your prices are high or far apart. If the next item costs as much as the cart, there is no sensible second milestone.
• Your margin is thin. Stacked rewards can take more than the extra spending brings in.

On Marka Cart Drawer, the free plan's rewards bar has one tier and paid plans have unlimited tiers, so starting with one costs nothing and the second can wait until the first has proved itself.

How do you know the tiers are working?

Look at where orders land. If the tiers are doing their job, order values bunch just above each one. If they bunch above the first and nowhere else, the second is too far away or its reward is not worth the reach.

Judge the bar on profit per order after reward costs, not on order value. Our guide to measuring whether a cart change raised order value explains how to make that comparison fairly. If the top tier is a gift, the practical details are in offering a free gift with purchase.

A short checklist

1. Set the first tier from your median order value and shipping cost.
2. Add at most two more tiers, each about one item further on.
3. Cost each tier against the margin on the spending between tiers.
4. Add up the stacked cost for a shopper who reaches the top.
5. Write one message per state, with the exact amount and the reward named.
6. Check that every reward shown in the cart is applied at checkout.
7. Review where order values cluster after a few weeks and move the tiers.

A rewards bar is one part of a cart that earns its place; the rest is in our guide to what belongs in a cart drawer. To run tiers whose rewards are applied by Shopify at checkout, see Marka Cart Drawer.