Inserting dynamic images into your templates allows you to personalize what each individual sees when they receive your email. Because inserting dynamic images requires event data, this technique only works for event-based flow emails. The images come from the event data that triggers the flow. For example, if your flow is triggered by a someone placing an order, you can access the event data and pull in any images associated with the order.
Are you using Klaviyo’s new template editor? Head to our new editor resource center.
Find the Event Information for the Image
To insert a dynamic image, you must first find the event information for the image you would like to pull. In this example, we'll go through setting up a browse abandonment email.
A browse abandonment is triggered by the viewed product event. To start, click into your default browse abandonment flow, or create a new browse abandonment flow using the Browse Ideas button on the Flows page.
Click into the first email in the browse abandonment flow. Click Edit and then Edit Content to open the email template editor.
Preview the email. Event-based flow emails allow you to preview using data from a specific event.
Inside the Preview Email modal, scroll until you find the data source for the image you would like to include. When you click on this, you will see the image tag populate below.
Copy the Image Tag
Once you copy the image tag, you can use this in your email template. The exact image tag will vary by your store's platform and the type of event you are using to populate the image. For example, this tag will be different for abandoned cart or post-purchase emails.
Paste the Image Tag in the Image Library
You can use this image tag in an image block, dynamic table, or any other area of the product where you can insert an image. Navigate to the Placeholder tab within the image library and paste the image tag.
Next, preview your email to ensure that the tag is working correctly. If you don't see your image, double check that the event you're using the preview has the correct data. If there are any issues, try cycling to a new event.
You can also double check that the image tag has been property pasted into your template.