Skip to content

Send with Klaviyo

Export from Sendra and import into Klaviyo as a custom HTML template, with the unsubscribe link and mailing address Klaviyo needs.

Design in Figma, export with Sendra, import into Klaviyo as a custom HTML template. Klaviyo sends it exactly as you designed it.

Before you start

Section titled “Before you start”
  • Decide where your images live. Sendra can host them (turn on Host images online), you can use your own image URLs, or you can let Klaviyo host them from the download. All three work, and the import steps cover each.
  • Set your preview text in Properties. Klaviyo reads it from the file.
  • Add the two things Klaviyo needs in every email, below.

What Klaviyo needs in every email

Section titled “What Klaviyo needs in every email”

Klaviyo will not send a custom HTML template without an unsubscribe link, and the law asks for your mailing address. Both come from tags that Klaviyo fills in at send time. Sendra passes them through untouched.

Unsubscribe link. Type “Unsubscribe” in your footer, select it, and put this in its Link field: {% unsubscribe_link %}. The link keeps your design’s colour and font, and Klaviyo swaps in the right address for each recipient. A link on one word inside a sentence exports too, but Figma’s link box will not accept a tag, so give the unsubscribe link its own text layer.

Mailing address. Put {{ organization.full_address }} in your footer text, and {{ organization.name }} where you want the company name. Klaviyo fills both from your account settings, so if you move, you change it once, in Klaviyo.

Note: type the tags exactly as shown, including the spaces inside the braces. See Merge tags for how Sendra treats them.

Preview text

Section titled “Preview text”

For custom HTML templates, Klaviyo expects the preview text inside the file. Set it in Sendra’s Properties before you export and it travels with the design.

Import the template

Section titled “Import the template”
  1. In Klaviyo, go to Content, then Templates. Click Create, then Import email template.
  2. Give the template a name.
  3. Bring in the HTML, one of two ways:
    • Images already online (Sendra hosts them, or you used your own URLs): in Sendra, click Copy HTML. In Klaviyo, open the Paste HTML tab and paste.
    • Klaviyo hosting the images: in Sendra, choose Export package and unzip it. In Klaviyo, stay on Upload HTML file and select the HTML file. Then, under Upload additional files used in the template, select a zip of the images folder. Klaviyo hosts the images for you and updates the links in your template.
  4. Leave the checkbox unticked. It is for triggered emails that are not marketing, such as order confirmations.
  5. Click Import template.

Check it

Section titled “Check it”

Open the template in Klaviyo and send yourself a test from Klaviyo. Compare it with the test you sent from Sendra. They should match. Klaviyo adds click tracking to your links, which is normal.

Changing it later

Section titled “Changing it later”

Custom HTML templates cannot be edited in Klaviyo’s drag and drop editor. Keep Figma as the source: change the design, export again, import again, and pick the new template in your campaign or flow. If you need blocks your team can edit inside Klaviyo, Klaviyo’s hybrid templates support that. See Klaviyo’s guide.

Dynamic content

Section titled “Dynamic content”

Klaviyo fills {{ first_name }}, product images and cart details at send time. Merge tags shows how to use them in text, links and image URLs.