Show a points chip in your theme header
The header chip puts your loyalty program in the most-seen spot of your store: the theme header. Signed-in members see a personal greeting and their live points balance (optionally with their VIP tier); guests see a “Sign in to earn rewards” nudge. Clicking the chip opens the floating widget panel — or, if you prefer, links to the loyalty landing page or the account hub.
Steps
- Go to Visibility → Header chip and switch the chip on.
- Under Placement, keep Automatic — Charm detects the header structure of popular themes (the Dawn family, Horizon, and others). If your theme isn’t matched, choose a custom selector, paste a CSS selector for your header container, and pick the insert position (before / after / start / end of the element).
- Choose the click behavior, tier display, and device visibility (see below).
- Save — the page shows a live desktop/mobile, member/guest preview as you edit.
Merge it into your theme’s account icon
Instead of a standalone chip, turn on Merge into the theme’s account button. The chip then renders inside the theme’s own account element (auto-detected — .account-button on Horizon-style themes; override with the selector field), sharing one outline with the account icon so the two read as a single control. In merge mode the chip is display-only: your theme’s account button keeps its own click behavior, so nothing about the header’s navigation changes.
Options
| Option | Choices | Notes |
|---|---|---|
| Click | Widget panel (default) · Landing page · Account hub · None | ”None” renders a display-only chip |
| Tier display | Name · Tier icon · Hidden | Shown next to the balance |
| Appearance | Inherit theme (default) · Brand accent · Filled | Inherit blends into the header; accent/filled pull your brand palette |
| Corners | Rounded · Pill · Square | |
| Devices | Desktop only (default) · Mobile only · Both | Mobile can use its own selector + position — e.g. mount the chip inside the mobile menu or cart drawer instead of the cramped header |
| Texts | Greeting, guest title, guest subtitle | Overridable per storefront language on the card |
Good to know
- The chip inherits your header’s font and colors by default, so it looks like part of the theme rather than an app. If the configured selector matches nothing, the chip simply doesn’t render — it will never break a header layout.
- It renders during page load with the member’s last known balance and updates live once fresh data arrives — no flicker, no layout shift.
- The greeting follows your program’s tone of voice and is localized into all storefront languages; in Czech and Polish it addresses customers in the correct grammatical case (via Vocato or Charm’s built-in declensions).