# Add the Coupon code block

> Show a ticket-style coupon box with a copy button. The block copies your code. Shopify's discount makes it work at checkout.

The **Coupon code** block shows a ticket-style box with two lines of text and a copy button. It only copies the code. It doesn't create or apply a discount. Create the code in Shopify first.

The card in the app is called **Coupon**. In the theme editor the block is **Coupon code**. It's not the Product coupon section from our catalog.

## Before you start

- You need Section Store Plus or its free trial.
- Create your discount code in Shopify admin under **Discounts**.

## Add the block

1. In Shopify admin, open **Apps** → **Section Store** → **Conversion Blocks**.
2. On the **Coupon** card, click **Edit In Theme**.
3. Pick your theme. Your live theme has a green dot.
4. The theme editor opens on your product template with the block added.
5. Drag the block where you want it.

## Set it up

1. Under **Text**, set **Top text**. The sample is "Now: 20% OFF".
2. Set **Bottom text**. The sample is "Code: 20OFF".
3. Under **Coupon**, set **Coupon code** to your real code. This is what shoppers copy.
4. Set **Button text** and **Copied text**, or clear them to use our translated words.
5. Click **Save**.

The samples don't match. The box says 20OFF, but **Coupon code** holds 20SALE. Change both to your real code.

## Other settings

- **Text:** **Font size** and **Color**.
- **Coupon:** **Text color** for the button.
- **Appearance:** **Border**, **Thickness**, **Color**, **Roundness** and **Background**. A **Dotted** or **Solid** border hides the ticket cutouts.
- **Padding:** **Vertical** and **Horizontal**.
- **Advanced:** **Custom CSS**.

## Good to know

- The block doesn't apply the code. Shoppers paste it at checkout.
- The copy button shows **Copied text** for two seconds.
- Copy works on your store, not in the theme editor.
- Don't translate **Coupon code**.

## Related

- [Coupon code block Copy button does nothing](https://section-store.orka.help/a/coupon-code-block-copy-button-does-nothing)
- [Translate Conversion Block text](https://section-store.orka.help/a/translate-conversion-block-text)

*Also searched as:* coupon, coupon block, coupon box, discount code, discount code block, copy button, promo code, copy code, apply coupon automatically