Skip to content
Discount
Section overview
The Discount section displays a copy-to-clipboard discount code that customers can easily use during checkout.
Common use cases
- Highlight promotional offers and discounts to increase conversion rates
- Display seasonal or limited-time sale codes
- Showcase loyalty or referral discount codes
- Feature special event or holiday promotions
Usage tips
- Keep discount codes short and memorable for better customer recall
- Position this section prominently on collection or product pages to maximize visibility
- Consider using contrasting colors for the button to draw attention
- Ensure your discount section remains responsive on mobile devices by testing across various screen sizes
Section settings
| Setting | Description |
|---|---|
| Code | The discount code customers can copy to their clipboard |
| Heading | Main heading text for the section |
| Content | Rich text content to describe the discount offer |
| Button label | Text displayed on the optional link button |
| Button url | URL destination for the optional link button |
| Top spacing | Amount of spacing above the section (0-300px) |
| Bottom spacing | Amount of spacing below the section (0-300px) |
| Color scheme | Background and text color combination for the section |
| Border color | Color of the section border (subtle or strong) |
| Button color | Style and color scheme for the copy button |
| Border position | Position of the border (none, top, bottom, or top and bottom) |
| X alignment | Horizontal alignment of content (left, center, or right) |
| Enable margin | Toggle to enable or disable horizontal margin |
| Enable split | Toggle to enable split layout with header on one side and content on the other |
| Visibility | Control section visibility across device types (all, mobile only, or desktop only) |
Block settings
This section does not contain any blocks.