In this article, we’ll cover how to set up a quiz recommendation section inside an Omnisend email template.
Step 1: Add a Dynamic Content
From the Library tab on the left-hand menu, drag a Dynamic Content into your email template. This block will serve as the quiz product recommendations section.
Tip: Dynamic Content let you loop through a set of products or items dynamically, such as quiz results from Lantern.
Step 2: Connect your block to quiz data
2.1 Click the Dynamic Content block you just added.
2.2 In the Select a data source dropdown, select products. This is where Lantern stores the recommended products from your quiz.
2.3 Adjust the number of columns per row and set the maximum number of items to display according to your preferences.
Step 3: Add product content inside the block
3.1 Select the image block and select Dynamic from the content type and select image from the select data source dropdown.
Note: you can also manually add data source by checking the 'Add source manually’ and enter [[item.image]]
Below are the dynamic variables you can use inside text, image, or button blocks within your Dynamic Content section. These variables will automatically populate based on the quiz product data passed from Lantern.
Variable mapping:
Product title:
[[item.title]]
Product price:
[[item.price.amount]]
Product currency:
[[item.price.currency]]
Product image:
[[item.image]]
Product URL:
[[item.url]]
3.2 In this step, we’ll set up the product information using text and button elements. This includes the product title, price, and a call-to-action button that links to the product page.
Text element: Add the product name and price:
[[item.title]] [[item.price.amount]]
Button element:
Text:
Buy Now
Link:
[[item.url]]
Step 4: Customize and Preview
Adjust font size, color, padding, image dimensions, and layout per your brand style.
Omnisend will automatically loop through the product list and generate one block per product.
Click Preview & Test in the top right to see how it looks with actual quiz data.
Optional: To show a summary of quiz questions and answers, you can use a Text element with [[item.question]] and [[item.answers]] respectively inside a Dynamic list with a data source of answers.
Looking to trigger this email automatically after a quiz? Check out our article on Triggering an Omnisend Workflow with Lantern.