---
url: "/emailify/tutorials/create-klaviyo-abandoned-cart-flow-email-template-in-figma.md"
description: "This tutorial shows how to build a custom HTML abandoned cart email template in Figma with the Emailify plugin, upload it to Klaviyo, and use it in a Klaviyo flow. It also demonstrates previewing the template with real checkout data and turning the flow live."
---

# Create Klaviyo abandoned cart flow email template in Figma

> This tutorial shows how to build a custom HTML abandoned cart email template in Figma with the Emailify plugin, upload it to Klaviyo, and use it in a Klaviyo flow. It also demonstrates previewing the template with real checkout data and turning the flow live.

[← Back to Emailify Video Tutorials](/emailify/tutorials)

[Embedded media](https://www.youtube-nocookie.com/embed/MHPCkb1n8XM)

## What this video covers

This tutorial shows how to build a custom HTML abandoned cart email template in Figma with the Emailify plugin, upload it to Klaviyo, and use it in a Klaviyo flow. It also demonstrates previewing the template with real checkout data and turning the flow live.

## Things you'll need

- A Figma file with the Emailify plugin available
- A Klaviyo account with access to create a Private API Key
- A Shopify store for the Shopify abandoned cart template shown in the tutorial

## Steps

1. [ ] Open a new Figma file, run the Emailify plugin, name the email, and add a new Emailify container.
2. [ ] In the Ecom tab, choose the Klaviyo Abandoned Cart Items Shopify template and then add the Klaviyo footer from the Footer tab.
3. [ ] Preview the template in mobile and desktop, then export HTML and select the Klaviyo export option.
4. [ ] In Klaviyo, create a Private API Key with Custom Key access and give Templates read-write access, then paste the key into Emailify and upload the template.
5. [ ] In Klaviyo Flows, create a new flow with the Checkout Started trigger, add a 4-hour time delay, and add an email step.
6. [ ] Open the email step, select the saved template, preview it with a recent checkout event, and verify the dynamic product data and links.
7. [ ] Review the flow settings and turn the flow from draft to live when ready.

## Useful links

- [Watch the full video on YouTube](https://www.youtube.com/watch?v=MHPCkb1n8XM)
- [Read the full video transcript](https://www.hypermatic.com/tutorials/how-to-create-a-klaviyo-abandoned-cart-flow-custom-html-email-template-in-figma-using-emailify)
- [Read: Uploading your emails to Klaviyo](/emailify/integrations/klaviyo)
- [Next: Adding a dynamic product feed to your Klaviyo emails](/emailify/tutorials/adding-a-dynamic-product-feed-to-your-klaviyo-emails)
- [Open Emailify in the Figma Community](https://www.figma.com/community/plugin/910671699871076601)