Skip to main content
Every offer type shares the same design system, so once you’re familiar with it you can style any offer the same way. Changes appear in a live preview as you edit, and only affect that specific offer — you can give each offer its own look, or reuse a style across all of them.

​
What you can customize

Set a theme color that drives the selected state, borders, and accents throughout the widget. You can also set individual colors for text, backgrounds, discount labels, badges, and prices if you want more control than the single theme color gives you.
Pick a font family (or inherit your theme’s default font), and set the size and weight independently for the heading, offer titles, subtitles, prices, and badges.
Control border width, border color, and corner radius on offer tiers/cards — from sharp corners to fully rounded, and from no border to a bold outline.
Choose a badge style (default, sticker, or ribbon) for callouts like “Most Popular” or “Best Deal”, and set its text and background color.
Depending on the offer type, choose between vertical and horizontal layouts, and control spacing and padding.

​
Tips

  • Start from your theme’s existing colors and fonts so the offer blends in rather than standing out as an obvious app widget.
  • Use a badge sparingly — one clear “Most Popular” or “Best Deal” callout is usually more effective than badging every tier.
  • Preview the offer on both desktop and mobile before publishing; see the FAQ if you don’t see your changes reflected on the storefront.