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 variable populate below.
Copy the Image Variable
Once you copy the image variable, you can use this in your email template. The exact image variable will vary by your store's platform and the type of event you are using to populate the image. For example, this variable will be different for abandoned cart or post-purchase emails.
Paste the Image Variable in the Image Library
You can use this image variable 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 variable.
Next, preview your email to ensure that the variable 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 variable has been property pasted into your template.