How to use a coupon block in an email
You will learn
Learn how to add a coupon block to your emails using Klaviyo's drag-and-drop editor. The coupon block lets you display a coupon code in your emails so that all recipients receive the same offer, with built-in styling options.
Before you begin
You need at least 1 Shopify or uploaded coupon in Klaviyo. Before sending, make sure you have enough available, unexpired codes for your recipients. If you don't have any coupons yet, learn how to create them in Getting started with coupon codes in Klaviyo.
Add a coupon block
To add a coupon block to an email, open any email that uses the drag-and-drop editor. Then:
- In the Add content sidebar, select Basic, then hover over the Coupon block.
- Click on the block and drag it into the canvas.
- When you're happy with the block's placement, release your cursor to drop the block in.
Select a coupon
Once the block is placed, click it to open its Styles tab. Select a coupon under Recent coupons, or follow these steps to browse all coupons:
- Click View all.
- In the Select coupons modal, browse or search for a coupon by name. You can also filter by Category. Check the Available/Total column to see how many codes remain. Coupons can appear even when they have no available codes, so check availability and expiration before sending.
- Click Select next to the coupon you want to use.
The block displays each recipient's unique code for the selected coupon. Klaviyo uses the recipient's existing code or assigns one as part of sending the email. This behaves the same as inserting a coupon using a template tag.
If you need to create a new coupon, click Manage coupons in the top right of the selector to go to your coupons page.
To replace the coupon, click Change selection in the block settings, then select another coupon.
To make the coupon code clickable, enter a destination URL in Link address in the block settings.
Add header text
You can add a header to your coupon block to provide context, such as "Your exclusive offer" or "Don't forget your discount."
- In the coupon block’s Styles tab, turn on Header text.
- Double-click the header text on the canvas and enter your text. Use the inline rich text editor to style the header.
Style a coupon block
To adjust the appearance of a coupon block, open the block's Styles tab. Use the inline editor on the canvas to format the header text. You can customize the following:
Style Option | Description |
Header text | Font, size, color, and alignment of the header, using the inline editor on the canvas |
Header text > Padding | Spacing around the header text |
Coupon text | Font, size, and color of the coupon code |
Style | Corner radius, width, alignment, and padding of the coupon display area |
Color | Background color behind the coupon code |
Border | Border style, width, and color around the coupon |
Block background color | Background color for the entire block |
Block padding | Spacing around the entire block |
Configure display settings
Open the coupon block’s Display tab to configure these settings:
- Device visibility — Choose whether the block displays on desktop, mobile, or both.
- Show/hide logic — Use dynamic variables to show or hide the block for specific recipients. Coupon codes can still be assigned when the block is hidden, so make sure you have enough codes for the full audience.
- Content repeat — Use the content repeat feature to iterate over data.
Learn more about display options.
Click Preview to check the email before sending. In the editor, the coupon name followed by -PREVIEW is a placeholder, not a usable coupon code.
Save as universal content
You can save a coupon block as universal content for reuse across other templates.
- Hover over the coupon block and click the star icon.
- In the Create universal content dialog, enter a name for the block.
- Click Create.
To reuse the block, open Add content > Universal. In the Content filter, select Coupon, then drag the saved block into your email.
Learn more about universal saved content.
Best practices and limitations
- Coupon block limit. If your email contains more than 10 coupon blocks, a warning will appear during preview. Emails with an excessive number of coupon blocks may fail to deliver.
- Cross-account cloning. If a template containing coupon blocks is cloned to another account, the coupon blocks are removed. Add new coupon blocks and select coupons from the destination account before sending.
- Make sure you have enough codes. Ensure you have enough available coupon codes for all recipients. If a recipient cannot be assigned a code, the email may be skipped. Learn more about managing coupon codes.
Additional resources
Getting started with coupon codes in Klaviyo
How to edit coupons in Klaviyo
Guide to the email template editor
How to show or hide template blocks and sections based on dynamic variables