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.
- 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, even before you switch the chip on.
Merge it into your theme’s account icon
Section titled “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. The shared pill follows the chip’s Corners and Appearance settings. A click anywhere on the merged chip does what a click on your theme’s account icon does, such as opening Horizon’s account menu, so nothing about the header’s navigation changes. On phones the merged chip shows only the points next to the account icon, which keeps the header on one line; a Desktop only merged chip leaves the phone’s account icon untouched.
Options
Section titled “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 · No outline | No outline keeps the chip’s shape and spacing without a border, so it reads as plain text in the header. A Filled chip keeps its rounded background |
| 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
Section titled “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 is in the header before the header first appears, 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).