> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.quizell.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Use the Result Page - Basics

## **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, visually appealing experience** for your customers that helps drive conversions.
 
Find below a video tutorial on how to use this feature:

${youtube}[How to Customize Your Result Page and Match Your Products](Qgig3HzUJik)

## **Step-by-Step Setup Guide**

### **Step 1: Access the Result/Thank You Page Editor**

1. In your **Quizell dashboard**, go to the **Quizzes** section.
2. Select the quiz you want to edit.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-115220-am_1btzorf.jpg =1000x611)

3. Open the **Result/Thank You Page editor**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-120637-pm_mu034n.jpg =1000xauto)

### **Step 2: Configure Your Result Page**

#### **1. Choose the Result Page Type**

1. In the editor, select **Product Page**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-120727-pm_km89bt.jpg =1000x611)

2. From the left sidebar, click **Edit Products**.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-122902-pm_11igqy5.jpg =1000x611)

3. Choose an product display type:

* **Single:** Displays one product.
* **Multiple:** Displays several products.
* **Hierarchy:** Highlights one main product, followed by others.
* **Group Products:** Organizes products into predefined groups.
* **Flip Cards:** Displays products as cards that flip on hover.

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-120946-pm_54j2n7.jpg =1000xauto)

#### **2. Configure Product Elements**

Decide what to show for each product:

* **Hide/Show Description**
* **Limit Description Length**
* **Bullet Point Descriptions**
* **Show/Hide Product Rank**
* **Show/Hide Price**
* **Currency Position**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121053-pm_n44kw3.jpg =1000xauto)

#### **3. Adjust Display Settings**

Control how products appear on the page:

* **Products per row:** 1 to 4
* **Number of rows**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121220-pm_utes8m.jpg =1000xauto)

#### **4. Set Image Settings**

Customize how product images are displayed:

* **Aspect Ratio:** 1:1, 2:3, or 3:2
* **Scale:** Fit or Fill

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121302-pm_q7i8xa.jpg =1000xauto)

#### **5. Customize Card Styles**

Style the product cards for brand consistency:

* **Border Color & Stroke**
* **Background Color**
* **Border Radius & Padding**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121435-pm_5shqac.jpg =1000xauto)


#### **6. Edit Text Styles**

Adjust text to match your brand look:

* **Product Title:** Font family, size, and style
* **Text Alignment:** Left, center, right, justify
* **Text Color & Opacity**
* **Price Color**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121533-pm_1hu1jp0.jpg =1000x611)

#### **7. Configure Button Styles**

Personalize product card buttons:

* **Text (e.g., “Shop Now”)**
* **Font Family & Size**
* **Border Stroke & Radius**
* **Text & Background Color**

![](https://storage.crisp.chat/users/helpdesk/website/-/9/c/4/e/9c4e823823ced00/screenshot-0916-121658-pm_1688832.jpg =1000x611)
---


### 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.

## **What’s Next?**

Take your Result Page even further with these guides:

* [How to Use Quizell’s Product Match Feature](https://help.quizell.com/en/article/how-to-use-quizells-product-match-feature-1ggl2xu/?bust=1742909402346)  
* [How to Add Dynamic Content to Your Result and Thank You Pages](https://help.quizell.com/en/article/how-to-add-dynamic-content-to-your-result-and-thank-you-pages-1xcwk8g/?bust=1742909213625)  
* [Improving Your Result Page with AI Bullet Points](https://help.quizell.com/en/article/improving-your-result-page-with-ai-bullet-points-1ou6vgm/?bust=1742909445485)