Discount

Overview

A customizable discount code display component that allows users to easily copy discount codes to their clipboard. Features a disabled input field showing the discount code and a copy button with dynamic text feedback.

Common use cases

• Display promotional discount codes in cart drawers or promotional sections

• Provide easy copy-to-clipboard functionality for discount codes

• Combine with other promotional content blocks for comprehensive marketing

• Create accessible discount code displays with clear button contrast

Block settings

General

Setting	Description	Options
Show advanced settings	Reveals visibility settings	Checkbox (default: false)

Content

Setting	Description	Options
Discount code	The discount code to display	Text input (default: SAVE10)

Spacing

Setting	Description	Options
Enable horizontal padding	Adds horizontal padding around the content	Checkbox (default: false)
Enable top padding	Adds top padding around the content	Checkbox (default: false)
Enable bottom padding	Adds bottom padding around the content	Checkbox (default: false)

Color

Setting	Description	Options
Button color	Controls the color style of the copy button	• Primary • Secondary (default) • Tertiary • Neutral • Plain • Outline • Inverted outline • Blur

Display

Setting	Description	Options
Visibility	Controls when the block is visible	• All (default) • Mobile only • Desktop only Visible when Show advanced settings is on