Set-up your Results Page

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

This guide explains how to configure and customize the Results Page of your Lantern quiz app on Shopify. On this Page, customers see their personalized product recommendations after completing a quiz.

After you’ve configured all the questions and answers and set up your product matching for your quiz, the next step is setting up your Results Page. Check out our help article for more information on how to match your products to answers.

The Results Page includes at the top, customizable text fields for a Header and a Sub-header where you can leverage data from property IDs that you’ve used throughout your quiz to create a personalized message for your quiz takers, improving engagement and encouraging conversions.

Here is an example of how we can use the property ID {{pet_name}} for our Header and Sub-Header and how it would look live.

This section can be customized by using the Headline and Sub-headline design menu to adjust it’s alignment and font size for better readability.

This is the first feature category that you can customize from the right-hand side menu of the Results page.

Under this section in the right-hand side menu, we offer a number of apps and theme integrations that mainly interact with the quiz results page. To learn more about how each individual integration works, please check out our Integration Resources.

We integrate with some of the most popular review apps, such as Judge.me, Yotpo, Stamped, Loox, Rivyo, Reviews.io, and more. To connect your review app, simply select it from the drop-down menu.

For Cart & Side Cart Drawers we integrate with the Rebuy Smart Cart and Corner Cart Drawer apps as well as a few popular built-in theme cart drawers for Dawn, Impact, Focal, Split, Concept, Enterprise, Sahara and Shine. Check out our help article to learn more about integrating with the cart drawer option on these Shopify themes. This offers your quiz takers a more seamless checkout experience from the results page.

Do not open the cart page when adding to cart will allow your quiz takers when they are on the results page to add either subscriptions or individual products to cart and remain on the results page and allow the side card drawer element to open on this page. This can increase the cart AOV since they are able to add more products from the results page and remain there as the cart gets updated in the background.

Subscription apps are another integral part of how your Results Page looks like and Lantern offers a significant number of integrations to choose from such as Recharge, Skio, Utterbond, Loop, BOLD, Seal subscriptions, and more. Please check out their individual help articles to learn more about the particularities of each integration.

You will find 3 drop-down menus that apply customizations to either the Add to Cart button for products, the Add All To Cart button for bulk add to cart of recommended products, and the View More button showing additional recommendations when clicked.

All of them start with the option to show this type of button or not by clicking the check mark next to it. Underneath, you can easily overwrite all button texts and customize their text alignment and even text color or background color.

Moving down this menu, you can find button design customizations that can be set up for desktop and mobile. You can adjust the font size and border radius to make specific buttons, such as the Add Product one, stand out more. You also have extra size customizations here to fully personalize the look of all the buttons that show on the results page.

Under these two elements, you will find multiple options for customizing the experience and design that customers see on the results page. Product recommendations are a crucial element of the Results Page, helping customers find the most relevant products based on their quiz responses. Configuring these settings allows you to customize how recommendations are displayed and ensures they align with your customers' needs.

3.1. Show Product Description allows you to include in the recommended product cart their product description directly from Shopify. Note this will take the entire description, which can result in different-size sections for different products, as seen below.

3.2. Show Short Description from Product Metafields is our recommended product description display method for the results page since it allows you to customize the size and the information you want to display for each product recommendation. Check out this article to learn more about setting up product metafields.

3.3. Show Sold Out Products will allow Lantern to display product recommendations even if they are out of stock. Since the goal is to convert quiz takers that are not more informed and confident in their purchase we do not recommend doing this in general since it can affect your conversion rate.

3.4. The Hide Default Recommendations setting allows you to hide the default product suggestions, mostly if you want to use only Dynamic Content Blocks to display results. This option provides flexibility to use tailored text and product recommendations and could be a better fit, for example, for skin care routines.

Checkout this article to learn more about setting up and using Dynamic Content Blocks.

Under Dynamic Content Blocks, you can also create score-based recommendations that fit your customers' needs based on the score they get on the quiz. You can check out our help article here on setting up Score Based Product Recommendations.

3.5. The Total Product Recommendations setting lets you control the number of products displayed. While up to 10 products can be shown, our stats show that 3 are best to prevent decision fatigue. You can also adjust how products are displayed on desktop and mobile devices. One product per row is ideal for smaller screens, while up to three products per row works well on desktops for better alignment and aesthetics.

3.6. The Match Score Threshold feature helps you filter products by setting a minimum match percentage. For example, setting the threshold to 80% ensures that only products with a score representing at least 80% of the total score possible in the quiz will be displayed.

If you’ve assigned custom weights to quiz answers, the Total Weight Threshold will do the same, but using direct values such as only products that have at least 80 points from the quiz will be displayed for a threshold of 80.

Please refer to our dedicated help article to learn more about what this means and how to set up your product matching.

3.7. The Match Score Format option provides flexibility in how scores displayed when hovering over the information icon on each product recommendation are presented. You can choose to display the score as a fraction (e.g., 8/10), a percentage (e.g., 80%), or hide it altogether.

3.8. The Sorting Priority feature determines the order of products when multiple recommendations have the same match score. You can prioritize by price (lowest or highest), alphabetical order, or random order. For instance, if three products score 100%, you can decide whether to highlight the most affordable option first or let the system display them in a random order for variety.

3.9 Show Match Block Above Add To Cart (ATC) emphasizes the relevance of quiz answers by clearly showcasing how well the recommended products align with customer inputs. This feature provides transparency and builds trust by allowing users to see the specific criteria met by each product. It encourages confidence in the recommendations and enhances the overall shopping experience by demonstrating the value of personalized matches.

Managing link behaviors and redirects on your Results Page allows you to further customize customer experience and track quiz activity.

4.1. The Return to results page URL automatically can be a great function to maintain a seamless flow and navigation for your website visitors and quiz takers. If they already took the quiz, you can choose to take them directly to their previous results page with the option to retake the quiz if the Start Over option is enabled below.

4.2. Show Start Over allows users to restart the quiz even when they have reached the Results Page.

4.3. The Open Links in New Tab feature allows quiz results or product links to open in a separate browser tab, giving customers the flexibility to explore without losing their place in the quiz.

4.4. Enabling Use URL Tracking Parameters allows you to add custom UTM parameters to your links for detailed performance analysis on platforms like Google Analytics. For more information on setting up UTM parameters, refer to our help article.

Below, instead of displaying results on the Results Page, you can redirect users to a specific URL after completing the quiz. Similarly, you can set a custom URL for the "View More" button or provide a fallback URL for cases where no results are found. These settings can cover some edge case scenarios, such as when no results are found, to help maintain a positive customer experience.

5.1 Under Order Tags, the Enable Order Tagging feature allows you to add tags to orders placed by customers who interacted with your quiz. The tag name is fully customizable for each individual quiz.

5.2. Under Customer Tags you have the option to first Enable customer tagging and start doing so for all customers who placed orders as a result of quiz interaction. You can customize this tag under Customer tags at the bottom of this menu section.

5.3. With the Create Customer in Shopify option, you can automatically generate customer profiles for quiz participants who place orders. This feature streamlines customer management and ensures accurate records, making it easier to engage with customers in the future.

5.4 The “Enable Shopify Double Opt-In” option ensures compliance with GDPR regulations based on your location and the legal requirements your business falls privy to; please ensure you follow the legal practices required that apply to your business as this means customers need to confirm marketing consent via email.

To learn more about adding customers to Shopify using the Lantern quiz, visit our comprehensive help article.

If you want to offer an automated discount to all quiz takers that end up purchasing something as a results of quiz interaction you can now do that by using our Discount functionality. You need to be on the Results Page and in the right hand-side menu you can navigate to Discount where you can paste a code you already have available in your store. We recommend customizing the text on the Results Page to let customers know that an automatic discount will be applied to anything they will add to cart to give then an extra incentive to purchase.

If you don’t have a discount code you want to offer ready you can create a dedicated discount code for the quiz from your Shopify Admin area under Discounts. You can click Create discount to get started.

Next you will need to choose the type of offer you want to use and in this case we will go for the Amount off products since we want to offer a discount to specific products or collections of products we know we are using in the quiz as product matches. Depending on your quiz you may want to offer something different or even a general discount that applies to the entire catalogue of products.

We can start by adding a custom discount code to use on the results page such as 10OFFALL which will be a 10% discount code not automatic discount that applies to specific products and we can choose the products we include in the quiz.

Before saving this discount you can set-up a few more options for your discount depending on the needs of your store or other offers that are active. In our example we have no minimum purchase requirements, we want it to apply to all customers, there is no maximum discount uses since we want to incentivize quiz takers to add as many products as they want but we don’t want it to be combined with other offers in the store. So after choosing the right options for your store you can click save discount on the bottom right corner and the code is now available.

With your code now live you can copy it and paste it under the Discount section in the right hand side menu on the Results Page.

Please check out our dedicated help article to learn about all you can do with discounts codes in Lantern quizzes.

For a fast and effective Results Page setup, we recommend some of our top customizations below that will ensure you get the most impact from your product recommendations: