Articles on: Getting Started

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:



Step-by-Step Setup Guide


Step 1: Open the Result Page


  1. In the left-hand menu, click Quizzes.
  2. Click the quiz you want to edit to open it in the editor.



  1. In the page thumbnails below the preview, click Result Page.



Step 2: Configure Your Result Page


1. Choose the Result Page Type


  1. In the right panel, under Select a result page type, choose Product Recommendation and then Product Page.



  1. In the Content list below, click Products.



  1. Under Select product display, choose a 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.



2. Configure Product Elements


Open Elements to Show and choose what to show for each product:


  • Hide Description
  • Limit Description
  • Use Bullet Description
  • Product Rank
  • Hide Price
  • Currency Position



3. Adjust Display Settings


Open Display Options to control how products appear on the page:


  • Products per row: 1 to 4
  • Rows: 1 to 10



4. Set Image Settings


Open Image Settings to customize how product images are displayed:


  • Aspect Ratio: 1:1, 2:3, or 3:2
  • Fill Mode: Fill or Fit



5. Customize Card Styles


Open Card Customization to style the product cards for brand consistency:


  • Border Weight
  • Corners Shape
  • Border Color
  • Background Color
  • Padding




6. Edit Text Styles


Open Text Customization to adjust text to match your brand look:


  • Font Family, Font Size and Font Style (bold, italic, underline, strikethrough)
  • Align: left, center, right or justify
  • Text Color and opacity
  • Description Color
  • Price Color



7. Configure Button Styles


Open Button Customization to personalize the product card buttons:


  • Text (e.g., “Shop Now”)
  • Open Link in same Tab
  • Border Weight and Corners Shape
  • Font Family and Font Size
  • Text Color and Background Color




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:


Updated on: 26/10/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!