Skip to main content

Display Reward bar in the cart drawer

Set up three tiers to reward your shoppers for discounts, free shipping, and custom gift

Andrey Gadashevich avatar
Written by Andrey Gadashevich
Updated this week

Reward bar allows you to reward shoppers with Free shipping, Discount, Free gift, or a Custom reward as they add more items to their cart.

Reward bar communicates multiple goals at once (e.g., Free shipping → 5% off → Free gift), helping customers see clear next steps.

How to enable reward bar?

  1. In the app, go to Custom Cart.

  2. In the left sidebar, open Features → Reward bar.

  3. In the Reward bar panel, click Enable.

How to set up reward bar tiers?

Step 1: Choose the Bar style & position

  1. Pick a style (With icons or Dashes).

  2. Choose the Reward bar position (e.g., Top).

Step 2: Control what the shopper sees

  • Show reward basis (displays whether progress uses Cart total or Item count).

  • Show reward name (shows tier titles like “Free shipping,” “5% discount,” “Free gift”).

  • Show Reward bar on empty cart (optional nudge on empty carts).

Step 3: Choose reward basis: what progress is based on

  1. Cart total: thresholds are money amounts. The bar uses your store currency and converts with Shopify Markets. Decimals are allowed (locale-aware “.” or “,”).

  2. Item count: thresholds are whole numbers. Progress is the total quantity in the cart (sum of all line-item quantities).

    • Messages that include {{amount}} will show the remaining number of items.

When "Item count" is selected as the reward basis, the field "Minimum purchase amount" automatically changes to "Minimum item count" in all tier configuration sections.

Reward basis examples

Cart total basis

  • Tiers: $100 → Free shipping, $200 → 5% discount, $400 → Free gift.

  • Cart: $215 pre-discount.

    • Shopper unlocks Free shipping and 5% discount.

    • Message shows: “You are $185 away from Free gift.”

Item count basis

  • Tiers: 2 items → Free shipping, 6 items → 5% discount, 10 items → Free gift.

  • Cart: 7 items total.

    • Shopper unlocks Free shipping and 5% discount.

    • Message shows: “You are 3 items away from Free gift.”

Step 4: Add tiers (up to 3)

  1. Click Add tier to create goals. You can add up to 3 tiers.

  2. Choose the reward type

Tiers are sorted by threshold for shoppers, no matter the order you created them.

A) Free shipping

  1. Reward type: choose Free shipping.

  2. Reward title: edit the label shown to shoppers (e.g., “Free shipping”).

  3. Threshold: enter the amount (Cart total) or items (Item count).

  4. Goal reminder message: keep {{amount}} so the bar shows the remaining money or items.

  5. Free shipping icon: pick an icon.

  6. Show this tier to selected countries only (optional): tick to limit where this tier appears.

  7. Click Save (or continue adding the next tier).

B) Discount

  1. Reward type: choose Discount.

  2. Reward title: e.g., “5% discount”.

  3. Threshold: enter the amount (Cart total) or items (Item count).

  4. Discount: enter the percentage value (e.g., 5).

  5. Goal reminder message: keep {{amount}} and {{discount}} so shoppers see both the remaining amount/items and the discount value.

  6. Discount icon: pick an icon.

  7. Show this tier to selected countries only (optional).

  8. Click Save (or continue adding the next tier).

C) Free gift

  1. Reward type: choose Free gift.

  2. Reward title: e.g., “Free gift”.

  3. Threshold: enter the amount (Cart total) or items (Item count).

  4. Select free gift products: use Search or Browse to add one or more products.

    • Shoppers will be able to select one gift from the options you add.

  5. Goal reminder message: keep {{amount}}.

  6. Free gift icon: pick an icon.

  7. Show this tier to selected countries only (optional).

  8. Click Save.

D) Custom reward

  1. Reward type: choose Custom reward.

  2. Reward title: enter the label shown to shoppers (e.g., “Priority handling,” “Free returns,” “VIP support”).

  3. Threshold: enter the required amount (Cart total) or items (Item count).

  4. Goal reminder message: keep {{amount}} so the bar shows the remaining money or items.

  5. Custom reward icon: pick an icon.

  6. Show this tier to selected countries only (optional): tick to limit where this tier appears.

  7. Click Save.

Note: When Custom reward is selected, Cartly only displays this tier on the Reward bar. It does not create any discounts or add items automatically. Fulfill the promise (e.g., free returns, gift wrap, priority processing) through your normal store operations.

Step 5: Write goal achieved messages

  • Goal reminder message: shown until the next tier is reached. Use {{amount}}.

    • If Cart total, it prints the remaining money (e.g., “You are $90 away from free shipping”).

    • If Item count, it prints the remaining items (e.g., “You are 3 items away from a free gift”).

  • Goals achieved message: shown after the top tier is unlocked.

Step 6: Save and preview

  • Click Save.

  • The live preview on the right updates as you make changes.

How progress and rewards work

  • Live progress is calculated from the pre-discount cart.

  • Tiers are sorted by threshold for shoppers (smallest to largest).

  • All unlocked rewards are applied together:

    • Discount and Free shipping tiers are created/applied via Shopify-compatible discounts.

    • Free gift adds the chosen item as a $0 line item.

    • Custom tiers are informational only.

  • Currency follows your store and converts automatically with Shopify Markets.

  • Validation: decimals allowed, negatives blocked, non-numeric characters ignored. Set 0 to grant the first tier to everyone.

Important:

  1. For Free shipping, set a matching free-shipping rule in your Shopify Shipping settings so the bar calculates correctly.

  2. For Free gift, ensure the gift product or collection is available online and in stock.

  3. Keep tiers simple. Shoppers should understand what they get next at a glance.

Need Help?

If you have any questions, please contact our support team.

📩 Contact Support: Reach out to us via live chat or send an email to [email protected]

Did this answer your question?