Articles on: Integrations

Klaviyo Advanced: 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


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


  1. Click Edit on the email within the flow
  2. 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


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


  1. Paste the tag into your flow email


How to add blocks to your flow template


1. Add a dynamic table


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


  1. (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


  1. Paste one of the arrays that store item information as your Row collection, for example, event.ShipmentLineItems
  2. 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


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


  1. 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
  2. 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:


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


  1. Click Save
  2. Include the product URL variable in the Link address field for clickable images
  3. Set a max width (starting with 250-300) for the image and adjust as needed
  4. 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: 17/07/2024