Add quiz product recommendations in Klaviyo e-mails
In this article we’ll cover off how to setup 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 on the left-hand side menu, select the Table and drag and drop it inside your email template. This will be your results section.
Step2: Connect your table to the quiz data
To do this head over to the Table Settings tab and select the Dynamic option. Then in the Row collection input box enter event.products to connect the quiz recommendation data.
In the Row alias input box enter product
You can copy and paste the following information straight into Klaviyo to connect the table to the quiz data:
Row collection:
event.products
Row collection limited to 3 products:
event.products|slice:'3'
Row alias:
product
Step 3: Add product information
To do this, return to the table’s Content tab. Inside the text cell we’ll enter the custom properties for the product between {{ }}. We’ll start off by entering the {{product.title}} and {{product.price.amount}} as you can see below. It’s easier to add your store currency in front of the {{product.price.amount}}
Now we’re going to add a product image to the right of the text cell by switching to this cell and clicking the Add Dynamic Image/Browse Image button. In the Dynamic variable or dynamic URL input box enter {{product.image}}.
For the image alt text you can add the {{product.title}} and for the link address you can use {{product.url}} to redirect to the product listing if the image is clicked:
Finally, we’ll return to the text cell and add a Buy Now CTA with a link to the {{product.url}}.
For ease, you can copy and paste the following information straight 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 make customizations to the font size, weight, color and centering and also customize the height and width of your images You can change the number of and type columns in the table and add your product image inside the text column. For more details on available customizations please check out this article.
To see how the email template will look like click the Preview & test button from the top right-hand corner.
To also add a summary of the answers and questions to your email body, check out this article: Add quiz questions and answers in Klaviyo emails.
To see how to setup your Klaviyo custom flow to send an automatic e-mail follow-up upon quiz completion please refer to our article here.