Customising the Appearance of Each Result Type

Each result type in a type-based quiz can have its own heading, description, and image on the result page. You can also display the name of the winning type anywhere in the result page content using the {{ Type result }} shortcode. Together, these tools allow you to give every customer a personalised result page experience that reflects their specific outcome.

Accessing Appearance Settings Per Type

From the Quizify dashboard, click the edit quiz icon next to your quiz to open the quiz editor
Click Result in the left menu
Click on the result type you want to customise
Look for the appearance or content section within the type settings

Here you will find fields for the heading, description, and image specific to this type.

Setting a Custom Heading Per Type

The heading is the main text shown at the top of the result page when this type wins. It is typically used to announce the customer's result — for example:

"Your Skin Type: Oily"
"You're a Natural Explorer"
"Your Result: Moderate Concern"

To set it:

Find the Heading field in the type settings
Enter the heading text for this type
Save

Setting a Custom Description Per Type

The description appears below the heading and provides context for the result. Use it to explain what the type means, why the recommended products are suited to the customer, or what they can expect from the result.

Example for an Oily Skin type: "Your skin produces more sebum than average, which can lead to shine, enlarged pores, and occasional breakouts. The products below are formulated to balance oil production and keep skin clear."

To set it:

Find the Description field in the type settings
Enter the description text for this type
Save

Setting a Type-Specific Image

Each result type can display a unique image at the top of the result page. This could be a lifestyle image that represents the type, a product flatlay, or a branded graphic.

Find the Image field in the type settings
Upload the image you want to use for this type
Save

Use consistent image dimensions across all types for a clean, uniform look. Images that are too large may affect how quickly the result page loads.

How These Settings Display on the Live Result Page

When a customer completes the quiz and a type wins, the result page shows:

The type-specific image (if set)
The type-specific heading
The type-specific description
The products linked to the winning type

If no type-specific content is configured for a particular field, Quizify falls back to the global result page settings — the default heading and description you have set in the general result page configuration.

Do Per-Type Settings Override the Global Design?

Per-type content settings (heading, description, image) override the corresponding global result page text fields for customers who receive that type as their outcome. However, they do not override the overall quiz design settings — fonts, colours, button styles, and layout remain governed by your quiz's design settings.

Displaying the Winning Type Name with a Shortcode

You can display the name of the winning result type anywhere in the result page content using the {{ Type result }} shortcode. The shortcode outputs the type name only — no additional labels or formatting. Add your own surrounding text to present it the way you want.

How to Add the Shortcode

From the Quizify dashboard, click the edit quiz icon next to your quiz to open the quiz editor
Click Result in the left menu
Find the page content or description field where you want the type name to appear
Type or paste {{ Type result }} at the position where the type name should display
Add any surrounding text or labels you want customers to see alongside it
Save your settings

What It Outputs

{{ Type result }} is replaced with the name of the type that won for that customer — for example, "Oily Skin", "Dry Skin", or whatever name you gave the winning type.

Because the shortcode outputs only the name, write your own label or sentence around it. For example:

Your result: {{ Type result }} displays as "Your result: Oily Skin"
You are: {{ Type result }} displays as "You are: Oily Skin"
Based on your answers, you have {{ Type result }} displays as "Based on your answers, you have Oily Skin"

Frequently asked questions

Can each result type show a different image?

Yes. Each result type has its own image field in the type settings. Upload a different image for each type to give every outcome a visually distinct result page. If no image is uploaded for a specific type, the global result page image (if set) will be used as the fallback.

Do per-type appearance settings override the global design?

Per-type content settings — heading, description, and image — replace the corresponding global result page text for customers who receive that type. They do not affect the overall quiz design such as fonts, colours, layouts, or button styles, which remain controlled by your quiz's design settings.

How do I add a different heading for each result type?

Open each result type in the Quizify editor and enter a custom heading in the heading field for that type. When a customer's votes lead to that type winning, they will see the type-specific heading on their result page instead of the default heading from your global result page settings.

How do I display the winning type name on the result page?

Add the {{ Type result }} shortcode to the result page content field in the quiz editor (Result in the left menu). The shortcode outputs the name of the winning type for each customer. Add your own surrounding text to label it — for example, Your skin type: {{ Type result }} will display as "Your skin type: Oily Skin" for a customer whose winning type is Oily Skin.