Checkout Reward Bar

The Checkout Reward Bar brings your shipping and reward progress bar into Shopify's checkout page. Shoppers see how close they are to free shipping, a discount, or a gift - and can claim a gift - without going back to the cart.

Requirements

• Shopify Plus

• EliteCart Professional plan or higher

• Rewards V2 configured in Cart designer

This module reuses the rewards you already set up in Cart designer's shipping bar - you do not recreate them here. Edits to those rewards appear in checkout on the next page load. There is one Reward Bar module per store.

Set it up

1. Create the module

1. In EliteCart, go to Checkout → Create module.

2. In Add a checkout module, choose Reward bar and click Create module.

Info: The reward bar requires Rewards V2. If you see a prompt to upgrade, click Open Cart designer, set up Rewards V2, then add the module to checkout.

2. Configure it

1. Set an Internal name and set Status to Active.

2. Adjust the display and gift‑chooser text (see Key settings).

3. Click Save. Rewards themselves stay managed in Cart designer - use Open cart designer to edit thresholds, gifts, and discounts.

3. Add the block in checkout

1. Click Open checkout editor (or in Shopify admin go to Settings → Checkout → Customize).

2. Add the Reward Bar block to your checkout layout. There is no Module ID to copy.

3. Save. The status banner on the module page confirms when the block is placed.

Key settings

• Show reward icons above the bar - displays your custom images if set, otherwise type‑specific icons.

• Show reward descriptions under icons - turn off for a compact, icons‑only look.

• Gift chooser text - the "Choose a gift" button (opens the gift picker when a multi‑gift is unlocked) and the "Add gift" button (confirms the shopper's selection). Translate these in Language & translations.

Limitations

A few cart‑drawer reward conditions don't yet apply at checkout. Rewards using any of these conditions still show and function normally in the cart drawer, but in the checkout reward bar hides them and does not re-asses them. That means, any gift added by the cart-based reward bar is kept, but should the customer not anymore meet the conditions due to checkout actions, it will not be removed.

• Customer‑tag conditions - rewards gated by a customer tag are hidden from the checkout reward bar.

• UTM conditions - rewards gated by a UTM parameter are hidden from the checkout reward bar.

All other rewards behave the same in the cart drawer and at checkout.

Test

1. Save the module and the checkout editor.

2. Add products until you approach a reward threshold.

3. Proceed to checkout and confirm the progress bar and remaining amount show correctly.

4. Cross the threshold and verify the reward unlocks —-for a multi‑gift, confirm "Choose a gift" opens the picker and the gift is added.