Create your first Quiz

If you prefer, you can check out this information in video format.

A quiz is a series of questions that guide your customers to receive personalized product recommendations based on their answers.

There are two main ways to start creating your quiz flow: using our powerful AI integration or manually making it. This article will walk you through creating a quiz flow manually. If you want to learn more about generating quiz flows using AI, check out this article.

To begin, go to the Quizzes tab and click the Create a New Quiz button. This will take you to the Create a New Quiz interface, where you can choose how you’d like to start:

If you’d like to explore templates in more detail, you can check out this video: Learn about templates

For the purpose of this article, we’ll select Start with Classic under the Start from scratch section. After choosing this option, you’ll be prompted to give your quiz a name. Keep in mind that this will also be the quiz slug and will be visible to your customers.

Clicking Create a new quiz will redirect you to the Quiz Builder where you can build, customize and preview your quiz.

You also have the option to export existing quizzes and import them into other stores where Lantern is installed. To learn how to do this and effortlessly launch your quiz on multiple stores, check out our help article on import-export quizzes.

When starting a new quiz, your default first question will be a single-choice one with simple text-only answers. To start write your question over the grey help text that reads ‘Your question here…’.

If you prefer to start with a different type of question, you can use the Remove Question option from the right-hand side menu and we’ll show you how to replace it in the upcoming Add questions section.

To add answers, click Add Answer and replace the grey “answer here” placeholder text with your own content.

Depending on the question type, answers can include text only, text with emojis, an optional description or text with an image.

To add questions to the quiz, click the +Add page button on the left-hand side of the quiz builder, then select the page-type from the menu.

You can add single-choice and multiple-choice questions with answers that come in different formats: such as text only, text and emoji, or text and image.

You can also use Open Ended Questions to let customers type their own answers.

The Single-Line Text and Multi-Line Text question types add a text input field to your quiz. This is useful for collecting extra information like a customer’s name, goals, preferences, a personalised message or any custom response.

Please note: these questions do not affect product recommendations. They are only used to collect information and personalise the quiz experience.

The Opt-in Page is used to collect a quiz taker’s email address, phone number, name and marketing consent before showing their results.

You can customise the text on this page to better match your brand and encourage customers to receive their quiz results by email or opt in for updates via SMS.

If you’ve connected integrations like Klaviyo or Omnisend, customer details will automatically be sent to those platforms. You can then use this data for marketing, automations, segmentation, or analytics.

To learn more:

Transition screens are great for adding extra information between questions, keeping quiz takers engaged, or showing educational content based on previous answers. They can also be used as a loading screen before displaying results.

Check out our pro tips help article on how to use and customize transition screens.

Sliders let customers answer by selecting a value along a scale, such as how sensitive their skin is, how experienced they are with a product category, or how important a certain feature is to them.

Like open ended questions, slider questions are mainly used for data collection and personalization and they do not directly affect product recommendations.

Each question includes a range of design and functionality settings available from the right-hand side menu in the quiz builder.

Under Question Properties, you can control how the question behaves. By default, questions are required and quiz takers automatically move to the next question after selecting an answer (except in the case of multiple choice questions). These settings can be adjusted for each individual question.

You can also assign a Property ID to a question. Property IDs store customer answers so they can be reused later in the quiz, included in personalized text, or sent to integrations such as Klaviyo, Omnisend, Mailchimp, Shopify Flow or Zapier.

For example, a Property ID can be reused later in the quiz to personalise follow-up questions or results page content.

Across all pages, you can customise:

The Button Design section lets you customise button text, colours, font size, padding, and border radius. Desktop and mobile button styles can also be configured separately.

You can add a layout image to any question page from the right-hand side menu under General Design → Layout Image.

For more ways to add images to your quiz questions, including image answer choices and content blocks, check our article on How can I add images to my questions?

You can change the quiz theme anytime from the Quiz Theme dropdown on the left side of the builder.

Theme Settings help you match your quiz to your brand style.

The Primary Color controls the main accent colour used throughout the quiz, including buttons, progress bars, and add-to-cart buttons.

The Background Color controls the background of your quiz pages. We recommend choosing a colour that contrasts well with your text and buttons for better readability.

Under Edit Quiz Flow CSS, you can add custom CSS for more advanced styling and design changes, such as custom fonts, spacing adjustments, animations, or additional branding customisations. To learn more please check our article on adding custom CSS.

You can also customise the quiz language and default text directly from Theme Settings. To learn more check out our article on translate or change text in your quiz.

In the Logo section, you can upload your store logo, which will appear at the top of the quiz.

At the bottom of Theme Settings, you can also choose whether to display the Progress Bar and Question Indicator during the quiz experience.

Content Blocks let you add extra custom content to any quiz page to further personalise the experience and match your brand styling.

Using the available Add Content Block buttons throughout the quiz builder, you can insert elements such as text, images, buttons, videos, icons, custom HTML, and more.

Check out our help article on what you can add using Content Blocks on quiz pages.

For any quiz, you can choose to show or not show a welcome page.

Depending on how and if you want to display an image on this welcome page, you have 6 page layouts to choose from. The main elements on the welcome page are a header, a subheader, and a start quiz button that you can use to engage with your customers. As with any other page in the quiz, you can add content blocks, which can be an image, button, video, URL, or text, to better customize your Welcome Page for your needs.

You can check out the help article to dive deep on how to customize and edit your Welcome page.

Logic Jumps allow you to build decision trees and create personalised quiz paths based on the answers a customer selects.

For example, someone selecting “Dry Skin” can be shown different questions from someone selecting “Oily Skin”. Learn more here: How to use Logic Jumps

Skip/Show Conditions offer another flexible way to customise the quiz flow. Instead of sending customers to different paths, they allow you to show or hide specific pages based on previous answers. For example, if a customer selects a nut allergy earlier in the quiz, you can automatically skip questions related to nut-based products.

To learn more about how this works please check our help article on Skip/Show conditions.

If your quiz uses Logic Jumps or Skip/Show Conditions, the progress bar and question indicator may not always reflect the customer’s actual path through the quiz. In this case, you can use Progress Override to manually control how progress is displayed. To learn more, check out our help article on How to Use Progress Override in Lantern Quizzes.

Once your quiz questions and answers are ready, the next step is setting up Product Matching.

This is how Lantern decides which products to recommend based on the answers selected throughout the quiz: Products, variants, or collections can be connected to specific answers. As quiz takers move through the quiz, products receive match points from those answers. The products with the highest scores are then shown on the Results Page.

Check out our help articles here on how to fully set up your product matching.

The Results Page is where quiz takers see their recommendations after completing the quiz.

By default, Lantern displays products based on match score. Products receive points throughout the quiz depending on the answers selected, and the highest-scoring products are the ones recommended.

To customise your results page you can use Dynamic Content Blocks (DCBs). Dynamic Content Blocks allow you to display completely different content, product recommendations, routines, or messaging based on specific answers, customer profiles, or combinations of quiz responses.

This is especially useful for:

Unlike standard product matching, Dynamic Content Blocks let you control exactly what appears on the Results Page for different quiz outcomes.

Learn more here:

Lantern integrates with a range of email marketing, automation, and analytics platforms to help you make use of the data collected through your quizzes.

Popular integrations include platforms like Klaviyo and Omnisend, and allow you to automatically sync quiz responses, customer details, and recommended products for personalised email campaigns, segmentation, and automation flows.

You can also use Custom Webhooks to send quiz data to other platforms or custom systems.

Learn more here:

You can also use quiz data to create highly personalised follow-up emails based on quiz responses and product recommendations. To learn more, check out the following guides here.

Lantern also integrates with Zapier, allowing you to connect with thousands of other apps and automate workflows without coding. Popular use cases include syncing quiz data to Google Sheets, sending data to email platforms, and triggering external automations.

Under settings, you will find a number of general or SEO settings but also more advanced ones, such as the Tracking code section that you can include in the Head or Body tag. To fully explore what you need on this section we recommend exploring our help article on Settings.

Your quiz is now ready to Publish. Before going live, use the preview button at the top of the editor to see how your quiz will look.

Once published, there are four methods available to add your quiz to the store:

1. Display your quiz with the IN-STORE page

This is how this display method would look like live in a store:

2. Display your quiz with the STANDALONE link

This is how this display method would look like live in a store:

3. Open your quiz in a POPUP

This is how this display method would look like live in a store:

4. EMBED the quiz anywhere in your store

This is how this display method would look like live in a store:

When embedding or customising your quiz, make sure you follow optimisation best practices such as using recommended dimensions and adjusting the layout for mobile responsiveness.