Add a loyalty landing page

Give your program its own storefront page: a hero pitch, ways to earn, rewards, VIP tiers, a refer-a-friend card, and an FAQ — one of Charm’s storefront surfaces. Signed-in members see a personal greeting and live balances; guests see the join pitch. Everything is localized into all your published languages and inherits your brand colors.

Steps

1. Go to Visibility → Landing page. Use the Preview (toggle Preview as signed-in customer) to see each section, and edit any wording under Translations & text — including the Advanced — all text expander for shared strings. Adjust the Color theme section if this page should diverge from your brand. Save.
2. In Shopify admin, create the page: Online Store → Pages → Add page. Give it a title (for example “Rewards”) and save.
3. Back on the Landing page settings, open the Add to your theme card and click Open theme editor. Select the page you created, then Add block and drop Landing: Hero onto it.
4. Add the sections you want beneath the hero — Landing: How it works, Landing: Ways to earn, Landing: Ways to redeem, Landing: VIP tiers, Landing: Referral, Landing: FAQ, and Landing: Sign-up banner. Reorder them by dragging. Save the theme.
5. Return to Visibility → Landing page and check the Status card shows recent activity for the page.

Tip

The hero runs full-bleed with a dark overlay when you add a banner image in the theme editor, or as a clean contained band without one. Mobile image, overlay, and height are separate settings on the Landing: Hero block.

Caution

Questions and answers on the Landing: FAQ block are managed centrally on the FAQs page, not in the theme editor. The block only renders them (with SEO JSON-LD).

Related

• Concept: Storefront surfaces
• Theme app blocks
• Customize brand colors across surfaces
• Edit the loyalty FAQ
• Add the Loyalty Hub to customer accounts