# 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.