15 Shopify subscription widget designs
Every RecurX subscribe-and-save widget design, in one place. Each one inherits your store's own colours, fonts and corner radius at render time — the previews below use RecurX's palette, so on your storefront they will look like your theme, not like this.
RecurX ships 15 subscribe-and-save widget designs for Shopify product pages. They differ by layout — stacked rows, side-by-side cards, tab and pill toggles, a delivery schedule, an annual-savings counter — not by colour, because colour comes from your theme. Pick by what your product page needs: a supplement page wants per-unit price and cadence, a pet brand wants the delivery schedule visible, a beauty brand usually wants restraint.
Browse by industry
The same design can work anywhere, but these are the fits we would start from.
Supplements & daily health
Per-unit price and cadence choice — the shopper is buying a daily habit.
Pet food & treats
Delivery schedule front and centre; the plan is usually chosen by quiz, not on the page.
Beauty & skincare
Restrained. Replenishment, often with little or no discount to shout about.
Food, coffee & drink
Warm and appetite-led, with the refill rhythm made concrete.
Apparel & lifestyle
Editorial and image-forward; the widget stays out of the photography's way.
Tech & gadgets
Spec-dense and high-contrast; price maths stated plainly.
Works anywhere
Safe defaults that suit any catalogue.
Every design
- Stack — Clean stacked plan rows. Brand-flexible default.
- Comparison — Side-by-side 12-month cost math — Sub vs One-Time
- Savings — Annual savings counter with progress bar
- Social Proof — Your real active-subscriber count — appears once you have subscribers
- Delivery Schedule — Concrete preview of next 3 delivery dates
- Warm Card — Premium inline plan cards with strike-through ATC
- Glass — Glassmorphism blur — luxury / lifestyle
- Gradient — Bold gradient mesh — energetic / youth
- Coral — Side-by-side cards with price-in-tab
- Neubrutalism — Bold borders + offset shadows — DTC
- Dark — Dark mode + JetBrains Mono — tech / cyber
- Minimal — Apple-style underline tabs — restrained
- Light Pill — Light pill toggle on white
- Dark Pill — Dark pill toggle on slate
- Box — Single bordered card with plans stacked inside — Recharge classic
Use any of these free
All 15 designs are on every plan, including the free one. No transaction fees on any of them.
Install RecurX free