Clickable discount

A coupon on the product page, like "Extra 15% off your first order: GLOW15". Shoppers tap the code and it's applied to their cart, so they don't have to remember it at checkout.

1. Create the code

Discounts → Create discount, choose the type (for example Amount off order), method Discount code, and enter the code, for example GLOW15. Set the value, the dates and any limits (for example Limit to one use per customer).

2. Add the block

Theme editor → product page → Product information → Add block → Clickable discount:

• Discount code: exactly the code you created, for example GLOW15.
• Heading: for example Extra 15% off your first order.
• Text: for example Tap the code to apply it to your cart.

What happens when a shopper taps it

• The code is added to the cart (next to any code already there) and the button shows Applied.
• If the cart can't be reached, the code is copied to the clipboard instead, so the shopper can paste it at checkout.

The discount itself is shown in the cart and at checkout once the cart meets the code's conditions. If a code has a minimum purchase, mention it in the Text.

Codes and automatic discounts together

If you also run automatic discounts, decide whether the code may be used on top of them. See Combining discounts.