Theme app blocks
Charm’s storefront surfaces are theme app blocks. You add them in the Shopify theme editor — no Liquid editing or code required.
Blocks
| Block | Where it goes |
|---|---|
| Loyalty widget | App embed — floating launcher on every page |
| Product points | Product template — “earn X points” |
| Membership | Product template — presents paid plans |
| Landing: Hero (+ How it works, Ways to earn, Ways to redeem, VIP tiers, Referral, FAQ, Sign-up banner) | A Shopify page — the loyalty landing page sections |
Adding a block
- Online Store → Themes → Customize.
- For the widget: App embeds → enable Charm loyalty widget.
- For product blocks: open a product template → Add block → pick Charm product points / Charm membership.
- Save. Charm auto-detects the live block and marks the surface Active under Visibility.
Once enabled, the widget renders as a floating launcher on every storefront page:
Styling
Colors, copy, and icon visibility are configured in the Charm admin — the blocks pick the settings up automatically, so you style once and every surface stays consistent. Changes appear on the storefront after the next page refresh.