Skip to main content

Send product recommendations with Omnisend e-mails

Wendy avatar
Written by Wendy
Updated today

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.

GIF showing a Dynamic Content block being dragged from the Library tab into the Omnisend email editor.

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.

Image showing the Dynamic Content block selected in Omnisend with “products” chosen from the Select a data source dropdown.

2.3 Adjust the number of columns per row and set the maximum number of items to display according to your preferences.

Image showing customization options for the number of columns per row and the maximum number of items to display.

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.

Image showing the Image block with “Dynamic” as the content type and “image” selected as the data source.

Note: you can also manually add data source by checking the 'Add source manually’ and enter [[item.image]]

Image showing the manual entry option enabled with [[item.image]] entered as the image source.

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]]
GIF showing product title and price being dynamically inserted into the text block using [[item.title]] and [[item.price.amount]].
  • Button element:

    • Text: Buy Now

    • Link: [[item.url]]

GIF showing the “Buy Now” button being set up with a dynamic link to [[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.

GIF showing how product recommendations are styled and previewed within the Omnisend email editor using quiz data from Lantern.

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.

Image showing a dynamic list block connected to the “answers” data source with [[item.question]] and [[item.answers]] used to display quiz Q&A content.

Looking to trigger this email automatically after a quiz? Check out our article on Triggering an Omnisend Workflow with Lantern.

Did this answer your question?