Change the reward bar messages

Open the Reward bar card and edit the two fields under Content. In-progress message shows while a reward is still locked. All promotions unlocked message shows when every tier is unlocked.

Change the text

1. In Shopify admin, open Apps → Section Store → Cart Drawer.
2. Click Edit on your cart.
3. Under Body, open the Reward bar card.
4. Edit In-progress message. The default is "Add {{amount_remaining}} to unlock {{next_tier_title}}."
5. Edit All promotions unlocked message. The default is "All rewards unlocked!"
6. Click the code icon in a field to insert a variable.
7. Click Save.

Variables

The code icon offers these four:

• Remaining amount: {{remaining_amount}}. The amount left to the next tier, or the items left when you unlock by quantity.
• Tier threshold: {{tier_threshold}}. The next tier's threshold.
• Progress percent: {{progress_percent}}. How far along the whole bar the cart is.
• Tier title: {{tier_title}}. The next tier's title. Once every tier is unlocked, it is the last one.

You can also type these:

• {{amount_remaining}}: the same as {{remaining_amount}}.
• {{next_tier_title}}: the next tier's title.
• {{unlocked_tier_title}}: the last tier unlocked.
• {{discount}}: the tier's discount, like 10%. On a gift tier, it prints "Free gift".
• {{cart_total}}: the cart total, not the amount left.
• {{item_count}}: the items in the cart.

Variables show in bold. To show them plain, untick Amounts in bold.

Tier titles

Each tier has its own Title. It shows on the bar. Its code icon offers Discount and Tier threshold.

These variables work on the bar only. Free shipping and Free gift tiers show their title at checkout exactly as you typed it, so {{discount}} prints there as plain text. Leave variables out of those titles. Order discount tiers are safe, because checkout shows "-10%" for them instead of the title.

Good to know

• A cleared message field shows nothing. Use that if you want the bar alone.
• Text align sets left, center or right.
• Message puts the text Above the bar or Below the bar. Text size and Message in capitals sit next to it.
• To translate your text, use the Translations page. Keep every variable as it is.

If it doesn't work

• The message shows the cart total instead of the amount left: replace {{cart_total}} with {{remaining_amount}}.
• A variable shows as plain text: check its spelling and both pairs of braces.
• No message shows: the field is empty. Type your text again.

Related

• Set up a reward bar in the cart drawer
• Change how the cart reward bar looks

Also searched as: reward bar text, free shipping bar text, shipping bar wording, progress bar message, add x more to unlock, spend x more message, amount remaining, unlocked message, congratulations message, all rewards unlocked, reward bar variables, remaining_amount, amount_remaining, variable shows as plain text, tier title