Klaviyo email blocks

Email blocks are ready-made pieces of content for your Klaviyo emails. Each block opens one of your links, with checkout filled in for the person who receives the email. You create them in Checkout Links and they appear in your Klaviyo content library.

A block is one piece of an email, not a whole email. Drop it between your own header, text and footer.

The three block types

• Button: a button that opens any of your links. Good for abandoned cart emails: replace the button you have now with this one.

• Offer: a card that lists the link’s products with their prices and discounts, with a checkout button under it. For a link that has products of its own, in any email.

• Reorder banner: a banner with a heading, a line of text and a link. It opens a reorder link, with each customer’s last order already in the cart, and only shows to customers who have ordered before. Put it at the top of any email you send, newsletters and campaigns included.

You can create as many blocks of each type as you need.

Creating a block

Nothing is added to your Klaviyo account until you create it. You can start from a link or from the settings page.

From a link

1. Open the link in Checkout Links
2. Under Extensions, find Klaviyo and click Add block
3. Choose a block type and click Add
4. Change the texts and the style if you want
5. Click Create

The block is made for that link. The link’s blocks are then listed under the Klaviyo row, where you can edit or remove them.

The Klaviyo row shows once Klaviyo is connected and the link is saved. Child links don’t have it: add the block to the parent link instead.

From the settings page

1. Go to Settings > Klaviyo
2. Under Email blocks, click Add block
3. Choose a block type and click Add
4. Click Select link and pick the link the block should open. You can search by name or shortcode
5. Click Create

A reorder banner only accepts reorder links. If you have none yet, the dialog offers Create a reorder link. An offer only accepts links with products of their own, so reorder links aren’t listed for it.

The Offer block

The offer card shows up to six of the link’s products, each with its image, name and price. If the link has more, the card ends with “+ N more”.

Above the products you can add a heading and a line of text: switch on Text and write them. Leave it off when your email already has a headline. Under the products is the checkout button.

Which discounts the card shows

The card only shows what every customer who opens the link will get:

• A percentage discount set on a product

• A percentage off the order that has no threshold

• A free gift that has no threshold

• Free shipping that has no threshold

A discounted product shows its regular price crossed out, the new price, and a badge like “25% OFF (-$13.50)”. A free gift gets its own row marked “FREE GIFT”, and free shipping gets a line under the products.

The card leaves out anything that depends on the cart or the customer: discounts and gifts with a threshold, fixed-amount discounts, discounts limited to chosen products or collections, discount codes, and gifts the customer picks from several. Those still apply at checkout. The products just show their regular price in the email, and you can mention the offer in your own text.

Prices are your store’s regular prices in your store’s currency.

The card follows the link

The card is a snapshot of the link. Every time you save the link, the card is updated in Klaviyo with the link’s current products, prices and discounts, in every email that uses it.

A price you change in Shopify reaches the card the next time you save the link.

Styling a block

A new block starts from your own Klaviyo styling, so it matches your emails. Copy style from lists the buttons saved in your Klaviyo brand kit and the buttons used in your recent templates. Pick one, or choose Checkout Links default.

To change the style yourself, switch on Customize style:

• Button: button color, text color, text size and weight, corner radius, width, alignment and border

• Offer: background, text color, badge color, border, button color and button corners. The button’s text turns black or white to stay readable on the color you pick

• Reorder banner: background, text color and link color

The preview on the right shows the block as it will look in your email.

If the dialog shows Use your Klaviyo brand buttons, click Refresh connection and approve the request in Klaviyo. Checkout Links can then read your brand kit buttons.

Using a block in your emails

In Klaviyo, open your email or template editor and look in your saved content library. Search Checkout to find your blocks, then drag the one you want into your email. The link inside is already set up.

Editing a block

Click Edit next to a block, on the link or under Settings > Klaviyo. Saving updates the block in every email that uses it, and replaces any changes you made to it in Klaviyo’s editor.

When you change or delete the link

• You change the link’s path. Its blocks are updated in Klaviyo to open the new address. Emails already sent keep the old address, which stops working, so avoid changing the path of a link you have already emailed.

• You delete the link. Its blocks stay in Klaviyo, since they may sit in emails you still send, and show Link missing under Settings > Klaviyo. Edit the block to pick another link, or remove it.

How personalization works

Each block’s link carries your customer’s unique Checkout Links shortcode, so every recipient gets a checkout filled in for them:

https://yourstore.com/your-link?c={{ person.checkout_links_shortcode }}

The shortcode is added to each customer’s Klaviyo profile automatically. New customers sync within a minute or two. To sync everyone who already has a Klaviyo profile, use Sync shortcodes on the Klaviyo settings page.

Who sees the reorder banner

The reorder banner only appears for customers who have placed at least one order. Everyone else gets the email without it, so you can use one email for buyers and non-buyers alike.

Checkout Links marks buyers on their Klaviyo profile with checkout_links_has_ordered. This is set shortly after a customer’s first order.

Removing a block

Click the delete icon next to the block, on the link or under Settings > Klaviyo, and confirm. This deletes it from your Klaviyo content library, along with any changes you made to it there.

If you break a block in Klaviyo, remove it and create a new one. You may need to add the new block to your emails again.

Troubleshooting

• The offer card shows regular prices, but the link has a discount. The discount has a threshold, is a fixed amount, or is limited to chosen products. The card only shows discounts every customer gets. The discount still applies at checkout.
• The offer card shows old products or prices. Save the link once. That updates the card in Klaviyo.
• I can’t choose Offer for a link. The link has no products of its own, or it is a reorder link. Add a Button for it instead.
• There is no Klaviyo row on my link. Klaviyo isn’t connected, the link isn’t saved yet, or it is a child link.
• A block shows Link missing. Its link was deleted. Edit the block and pick another link, or remove it.
• The reorder banner is missing in a Klaviyo preview. The preview profile has no orders. Preview with a customer who has bought before.
• The reorder banner is missing for a customer who has ordered. Click Sync shortcodes on the Klaviyo settings page to update existing profiles.
• A reorder banner created earlier shows to everyone. Blocks created before this change keep showing to all recipients. Remove the block and create it again.
• The link opens without the customer’s details. Their profile has no shortcode yet. Click Sync shortcodes.