Widget Customization
Widget Customization (Apps → PerkStack → Widget customize) is where you design the look of your loyalty launcher panel and loyalty page so they match your store. A live preview shows every change as you make it, so you can dial in the design before customers see it.
Colors and theme
| Setting | Options | Default |
|---|---|---|
| Accent color | Any color — used for buttons and highlights | #16a34a |
| Panel theme | Auto (match storefront), Light, Dark, Custom | Auto |
| Panel background (Custom theme) | Any color | #FAF6F0 |
| Panel text (Custom theme) | Any color | #2A2118 |
Choose Auto to follow your storefront's color scheme, Light or Dark to lock one look, or Custom to set your own panel background and text colors.
Shape and layout
| Setting | Options | Default |
|---|---|---|
| Surface radius | Corner rounding of panels and cards, in pixels | 12 |
| Button shape | Sharp, Rounded, Pill | Pill |
| Card style | Soft (subtle shadow), Bordered (thin border) | Soft |
| Heading scale | Compact, Standard, Large, Display | Standard |
Typography
| Setting | Options | Default |
|---|---|---|
| Panel font | Inherit theme font, or a curated font list (Inter, Manrope, DM Sans, and more) | Inherit theme font |
| Heading font | Same list, set independently from body text | Inherit theme font |
| Font weight | Light, Normal, Bold | Normal |
Copy
Rewrite the words shoppers see in the panel, or leave any field blank to use PerkStack's built-in wording. You can edit the:
- Heading and subheading at the top of the panel
- Eyebrow — the small label above the heading
- Join label — the button that invites guests to sign up
Hero image and logo Growth
On Growth and above you can add a hero image across the top of the panel and your logo inside it for a fully branded look. These, along with custom colors and fonts, are part of full brand matching; on Free and Essential the panel uses your accent color and chosen light/dark/auto theme.
Related
- Loyalty Launcher: the floating panel these settings style
- Loyalty Page: the full-page loyalty dashboard that shares this design
- Trigger Button: style the floating button that opens the launcher
- General: your store logo and points naming