Add the Loyalty Hub to customer accounts

Give shoppers a full loyalty destination inside their Shopify account for balance, rewards, and history — one of Charm’s storefront surfaces.

Steps

1. Go to Visibility → Customer Account editor.
2. On the Loyalty Hub card, click Customize to edit copy and branding, or Open live page to view it.
3. Add the Loyalty Hub page to your customer account navigation and Save.

Tip

The Loyalty Hub is a customer-account UI extension, so it’s available as soon as Charm is installed — adding it to the account navigation just makes it discoverable. The compact Points balance profile block is a separate surface if you only want a summary, and the floating widget covers shoppers who aren’t signed in.

Pets

If you run a pet birthday bonus, customers who have added pets get a Your pets section right under their balance, showing each pet’s birthday and a countdown to their next reward. They add and edit pets from the rule’s card among the ways to earn.

Gifts, sets and rewards

• Gifts waiting for you. A tier gift set to Claimable reward waits here with a Claim button until the member wants it. The code, and its validity, start when they claim.
• Choose a gift. A gift code from a tier, a birthday or a points redemption carries a Choose a gift link that opens the product or collection with the code already applied. When a tier gift is a choice of several products, the link opens a picker that shows each product’s price, with Add to cart where there is a single variant in stock.
• Collect the set. A Complete the set rule appears as a row of your collections’ photos with a progress bar underneath.
• A locked reward that only a higher VIP tier can redeem shows the tier that unlocks it instead of a redeem button. See rewards reserved for a higher tier.
• A welcome bonus that waits for the first order or an email signup has an info tip saying when the points arrive. See signup bonus.

Make the cards your own

Each “ways to earn” and “ways to redeem” card on the hub can have a custom title (with per-language translations) and icon, and you can recolour every icon to match your brand — all without touching your theme. See Customize Loyalty Hub card titles and icons.

Related

• Concept: Storefront surfaces
• Customize Loyalty Hub card titles and icons
• Give a gift when a customer reaches a tier
• Reward customers who complete a set of collections
• Add the floating loyalty widget to your storefront
• Show a points chip in your theme header
• Check whether a storefront block is live