Add the Coupon code block

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
• 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