You will learn
Learn how to personalize what each individual sees when they receive your email by inserting dynamic images into your templates. Because this process requires event data, this technique only works for event-based flow emails. The images come from the event 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, which is triggered by the viewed product event.
- 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 > 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
- Click the variable name to 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 (either in your image block or dynamic table block)
- Paste the image variable into the placeholder field
- 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.