Send product recommendations with Klaviyo emails

In this article we’ll cover off how to set up a quiz recommendation section inside a Klaviyo email template. If you prefer, you can follow along with a video instead:

Step 1: Add a section for your results

From the Content tab in the left-hand menu, drag and drop a Table block into your email template. This will serve as your product recommendations section.

GIF showing a table content block being dragged into a Klaviyo email template to create a section for quiz product recommendations.

Step 2: Connect your table to the quiz data

Select the table block, then open the Styles tab and choose Dynamic.

In the Row collection field, enter event.products. In the Row alias field, enter product.

You can copy and paste the following information directly into Klaviyo:

Row collection:

event.products

To display only the first three recommended products, use:

Row collection limited to 3 products:

event.products|slice:'3'

Row alias:

product

Step 3: Add product information

Double-click inside the table’s text cell to edit its content.

Enter the following properties to display the recommended product’s title and price:

Product title:

{{ product.title }}

Product price:

{{ product.price.amount }}

You can also display the currency and format the price to two decimal places:

{{ product.price.currency }} {{ product.price.amount|floatformat:2 }}

Next, select the other table cell under Cell selector. Under Cell content, make sure Image is selected, then click Select image.

In the pop-up window, open the Dynamic image tab. In the Dynamic variable or dynamic URL field, enter:

{{ product.image }}

Then click Save.

GIF showing how to select an image cell in a Klaviyo table, open Select image, enter {{ product.image }} under Dynamic image, and save the dynamic product image.

In the Alt text field, enter:

{{ product.title }}

In the image link field, enter:

{{ product.url }}

Image showing where to set image alt text using {{product.title}} and link the image using {{product.url}} for clickable product images in Klaviyo.

Finally, we’ll return to the text cell and add a Buy Now CTA with a link to the {{product.url}}.

For reference, you can copy and paste the following product properties directly into Klaviyo:

Product title:

{{ product.title }}

Product price:

{{ product.price.amount }}

Product price with 2 decimals:

{{ product.price.amount|floatformat:2 }}

Product image:

{{ product.image }}

Product URL/Link:

{{ product.url }}

Others:

Product price currency:

{{ product.price.currency }}

Step 4: Customize and Preview

You can customize the font, size, style, color, and alignment of the product information. You can also adjust the size of the product images, change the number and content type of the table cells, or add a product image inside a text cell.

For more customization options, refer to our guide on how to customize Klaviyo email designs.

To see how the product recommendations will appear in the email, click Preview in the upper-right corner of the email editor.

GIF demonstrating how to preview and test the email template in Klaviyo after setting up quiz product recommendations.

Note: If the products do not appear in the preview, confirm that the table is set to Dynamic and that you are previewing an event from a completed quiz that contains product recommendations.

To add a summary of the customer’s quiz responses to the email, refer to our guide on how to send quiz questions and answers in Klaviyo emails.

To learn how to set up an automated Klaviyo follow-up after a quiz is completed, refer to our article on how to set up a Klaviyo flow.