Skip to content
Discount input
Overview
A discount code input block that allows customers to apply discount codes to their cart. Displays an input field with a button to apply the entered discount code.
Common use cases
- Allow customers to apply discount codes in cart drawers or cart pages
- Ensure all translation keys are properly defined in locale files
- Configure button color to match your theme's design system
- Set appropriate padding based on surrounding content
Block settings
General
| Setting | Description | Options |
|---|---|---|
| Show advanced settings | Reveals visibility settings | Checkbox (default: false) |
Spacing
| Setting | Description | Options |
|---|---|---|
| Enable horizontal padding | Adds horizontal padding around the discount input | Checkbox (default: false) |
| Enable top padding | Adds top padding around the discount input | Checkbox (default: false) |
| Enable bottom padding | Adds bottom padding around the discount input | Checkbox (default: false) |
Color
| Setting | Description | Options |
|---|---|---|
| Button color | Controls the button color scheme | • Primary |
Display
| Setting | Description | Options |
|---|---|---|
| Visibility | Controls when the block is visible | • All (default) Visible when Show advanced settings is on |