Articles on: Integrations

Advanced Klaviyo Integration: Set Up Klaviyo Flow Email Content

Plans: Enterprise Standard, Enterprise Advanced, API users Platforms: All platforms

Overview



Effective communication with customers is paramount in eCommerce, and email templates play a pivotal role in conveying your brand message. This article will guide you on seamlessly setting up and customizing Klaviyo email templates to match your unique style.

What you’ll learn



In this tutorial, we’ll discuss:

How to create an email flow
How to add text variables to your flow template
How to add blocks to your flow template
Preview your email content

How to create an email flow



Log into your Klaviyo account and navigate to the Klaviyo flow
Add an Email Action by dragging the Email under your flow


Click Edit on the email within the flow
Choose your preferred template type:
Drag and drop: Use the drag-and-drop editor to add the branding elements.
Text only: Use this for sending a plain text email for a more personal feel.
HTML: Only use HTML if you have your own HTML email template or are interested in designing a custom HTML template from scratch.

How to add text variables to your flow template



Open the email in the flow editor
Click Edit Content > Preview & Test
Access event variables from the Event Properties menu


Paste the tag into your flow email

How to add blocks to your flow template



1. Add a dynamic table


Select the email block in your flow
Choose Edit Content
Integrate a Table block into your email
Navigate to Table Settings > Dynamic to transform the table into a dynamic block, revealing Row Collection and Row alias fields


(Optional) Return to the Content tab to modify column types. For a typical Shipment items display, toggle between Text and Image cell types by clicking on the left or right row selector

2. Identify your Row block and Row alias



Paste one of the arrays that store item information as your Row collection, for example, event.ShipmentLineItems
Paste the Row alias that is defined for the corresponding Row alias, for example, line_item

Note: You can find the full list of Row collection and Row alias here to configure the data source.

3. Add dynamic product details


Navigate to Content > Text column
Insert the complete event variable, e.g., {{ line_item.ItemTitle }}, in the Text section for the product title


Preview the email to confirm the title. Double-check spelling, capitalization, and formatting, along with settings in the Table Settings tab, to ensure error-free display
Repeat these steps to effortlessly add additional item details

4. Add a dynamic product image


Effortlessly incorporate product image variables into your email with these steps:

Navigate to the desired column for image display
If set to Text, click Image under Cell content
Select Add Dynamic Image / Browse Image
In the Dynamic Image tab, paste the image variable into the Dynamic variable or dynamic URL field
Input the image event variable with a .0 at the end of event, for example {{ line_item.ItemImages.0 }}


Click Save
Include the product URL variable in the Link address field for clickable images
Set a max width (starting with 250-300) for the image and adjust as needed
Click Done and preview your email to ensure the image displays correctly. If not, cross-verify the variable spelling against the preview modal for accuracy

Preview your email content



To confirm dynamic content integration and link functionality, click Preview & Test. Address any errors by checking variable spelling, structure, and the Table Settings tab to ensure a seamless user experience.

Updated on: 20/02/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!