Introduction

The Result Page in Quizell allows you to showcase recommended products based on the settings you’ve configured. By customizing this page, you can create a tailored and visually appealing experience for your customers. Follow this guide to set up and configure your quiz’s Result Page.

Find below a video tutorial on how to use this feature:

Step-by-step Setup Guide

Step 1: Access Your Quiz’s Result/Thank You Page Editor

1. In the Quizell dashboard, navigate to the Quizzes section.

2. Locate the quiz you want to edit and click to open it.

3. Select the Result/Thank You Page and click to open its editor.

Step 2: Configure Your Result Page

1. Choose the Result Page Type

1. In the Product Page/Thank You Page Editor, select Product Page.

2. Click the Products Box to edit the display of recommended products.

3. Choose an answer type:

· Single: Displays one product.

· Multiple: Displays several products.

· Hierarchy: Highlights one main product while showing additional options.

· Group Products: Organizes products into predefined groups.

· Flip Cards: Displays products as cards that flip on hover.

2. Configure Product Elements

Adjust what is shown for each product:

· Hide Description: Toggle to show/hide product descriptions.

· Limit Description: Toggle to show/hide shorter or full descriptions.

· Use Bullet Description: Toggle to display bullet points in the description.

· Product Rank: Toggle to show/hide rank labels above products, with editable fields.

· Price: Toggle to show/hide product prices.

· Show Product Variants: Toggle to show/hide product variants.

3. Adjust Display Settings

Control how products are displayed:

· Products per row: Choose the number of products displayed per row (1 to 4).

· Rows: Set how many rows of products to display.

4. Set image settings

Adjust the appearance of product images:

· Rows: Choose the image size in product cards: 1:1, 2:3, or 3:2.

· Scale: Select how images are displayed: Fit or Fill.

5. Customize Card Styles

Style your product cards:

· Border Color: Select the border color.

· Background Color: Choose the background color.

· Stroke: Adjust the border’s weight and radius.

· Padding: Add spacing within the product cards.

6. Edit Text Styles

Customize the appearance of text on the product cards:

· Product Title: Set the font style, size, and weight.

· Text Alignment: Align the text to the left, center, right, or justify it.

· Text Color: Select the color and opacity of the text.

· Price Color: Adjust the color and opacity of the price text.

7. Configure Button Styles

Personalize the buttons displayed on product cards:

· Text: Set the button’s text (e.g., “Shop Now”).

· Font Style: Choose the font style and size for the button text.

· Text Color: Set the color and opacity of the button text.

· Background Color: Select the background color and opacity.

· Stroke: Adjust the button’s border size and radius.

That’s it! 🎉

You’ve successfully customized your quiz’s Result Page! With these settings, you can provide a visually engaging and personalized experience that encourages conversions.

📌 Want to enhance your Result Page even further? Check out these additional guides:

🔗 How to Use Quizell’s Product Match Feature

🔗 How to Add Dynamic Content to Your Result and Thank You Pages

🔗 Improving Your Result Page with AI Bullet Points

For more guidance, navigate our Help Center or reach out to support@quizell.com. 🚀

Updated on: 02/07/2025