Theme
Blends in: your theme's font, colors and corners.
Templates
Quantity break templates that fit your store
Six templates and six layouts, all live below. Pick one, then tune colors, type, corners, badges and swatches until it looks like the rest of your theme.
Try every template
Switch the layout and the accent. Click a tier to see the price and badge states.
Outline
Crisp lines, a bold ring on the chosen tier.
Soft
Filled cards in a light tint, no borders.
Solid
The chosen tier fills with your accent color.
Ticket
Each tier is a price tag with a perforated edge.
Mono
Black and white, square corners, small caps.
Design settings
Every detail is a setting
The Design page in Breakly has a live preview of your own product beside every setting.
Colors
- An accent that follows your theme's buttons, or any color you pick
- Card, selected card, border, text, price, badge, badge text and savings colors
- Every color falls back to the template when you leave it empty
Text
- Tier title size from 80% to 140% of your theme's text
- Title weight from regular to extra bold
- Price size from 80% to 140%
- Uppercase titles
Shape
- Corners that match your theme's buttons, or 0 to 24 px
- Tight, normal or roomy spacing
- Badges as pills, stickers or tags
- Heading with lines, plain or hidden
Content
- Savings as a percent or an amount
- Price per item on larger tiers
- Per-item variant pickers with swatches and thumbnails
- Small, medium or large swatches, round or square
Custom CSS
- Up to 4,096 characters, scoped to the widget so it can't change the rest of your theme
- Imports, scripts and non-https URLs are removed before it reaches your store
On real themes
The Theme template, unedited
1 / 8
Make it look like your store.
Add to Shopify
Free up to 100 discounted orders a month.