How do I customize Advanced result layout

Make quiz results more custom and increase your profit. 

On this page:
  • How to enable Advanced result layout
  • How to customize styles for Advanced layout
  • How to add content and products to Advanced layout
  • How Advanced result layout works with all result types

Recommend more products that customers could be interested in, more content, and even articles 😎

This feature is available for Middle plan and higher.

For new quizzes, the Basic result layout is set by default.

How to enable Advanced result layout

In order to change Basic layout to Advanced go to the Settings page > Styles > Results page and click on "Select layout":

How to customize styles for Advanced layout

You can change colors, font settings, product appearance, custom content view, etc.

Customizing layout styles is reachable from Settings > Styles > Result page: 

How to add content and products to Advanced layout

Editing content will be available for created and saved results.

Click on "Edit content" opens popup:

Here you can:
  • change text content for result headings

Also, you can hide this section at all. 

If you don't need to create different headings for each result, enable "Use globally" - all existed results' headings will be changed to current:

  • add content to section "Image with text"

Also, you can hide this section at all. 

If you don't need to create different sections for each result, enable "Use globally" - all existed results' "Image with text" will be changed to current:

  • change text content and select products for the main recommendation - Products (Section 1)

All products that were selected during creation result are added to the main product section.

When you click on "Select products" all products that were previously added to the result are selected. You can deselect products from this section. 

You can change products whatever you need or hide section. This section can't be set globally.

  • change text content and select products for additional recommendation - Products (Section 2)

This section is hidden by default. Remove checkmark from "Hide section" checkbox and select products to show.

Here you can add upsell, cross-sell, and any other products you want. Works the same as the main section.

  • select products for one more additional recommendation - Products (Section 3)

If you want to add more products to increase your revenue. This section is hidden by default. Disable "Hide section" to show it on the result page:

  • add blog posts 

This section works exactly the same as other content blocks. You can change copy, add description, select articles, hide section, or make it globally and the same Articles content will be shown for each result.

When all changes are finished, click on the button "Apply" and then "Update". Voalá, result page is created! 

IMPORTANT NOTE: If section was set as globally and then you disable "Use globally" in any result and change content - you have to go through the all results and set new content.

How Advanced result layout works with all result types

Basic and Points work exactly the same as the tutorial above.

Next logics have small differences:

Single / Product weight  - as products are attached to answers, you don't have answer paths. "Edit content" is available for one result. 

Combination - products that are selected in the recommendation column will be displayed together with products that are attached to question answers.

The main difference between these logics and Basic/Points is that you don't have to add products to the Edit content popup as all recommendations will be pulled from questions' answers and paths. But all products, that are attached to answers and added to one existing result (or paths for Combination) could be sorted into product sections (the same as for the basic result type):