Skip to main content
All CollectionsQuizzesBuilding Result Pages
Customizing Products in Quizzes
Customizing Products in Quizzes

How to find and use the settings that allow you to control product formatting, buttons & content in results pages.

Mark Baek avatar
Written by Mark Baek
Updated over 3 weeks ago

Product settings can be found on the results pages of all quizzes. These settings allow you to customize the formatting and function of products added to quizzes and are important for any kind of product recommendation quiz.

💡 What you'll learn


Product customization options

These are the settings available inside of result pages that let you customize what your product recommendations look like:

Display settings

Change how products are formatted and how many per row appear.

Button settings

Change what buttons do & display underneath products.

Product data (Octane Plus)

Change a product's name, description, price, or image.

These settings are located inside the content blocks and are important tools in optimizing product recommendations for conversions and on-brand content.

Finding product settings

Product settings can be found by going into a content block.

  1. Open your quiz in the editor, and locate the RESULTS PAGES section.

  2. Open a result page.

  3. Locate the CONTENT BLOCKS section in the right menu, and open a content block that contains products.

Inside of the content block, you should see the DISPLAY SETTINGS and BUTTON SETTINGS menus in the PRODUCTS section of the content block.

To edit a particular product's product data, just click on a product that has been added to the quiz (custom quizzes only).

Display settings

Product display settings let you choose what your products look like in your quiz.

In addition to customizing the orientation and text sizes of product information, the product display menu includes two important categories of settings that let you change the size of the products in your quiz:

  1. Desktop Settings

  2. Mobile Settings

Each category includes options for product size, number of products per row, and what information to display.

Button settings

What you can do with BUTTON SETTINGS:

  • Change buttons to add to cart, go to checkout, or go to the product page.

  • Add a 2nd button to products.

  • Change button text.

  • Change button type.

The "add all to cart" button

An "add all to cart" button is a button that's able to add multiple items to a customer's shopping cart with one click.

"Add all to cart" buttons can be added inside of a content block from the TOP CONTENT or BOTTOM CONTENT menus.

You'll then be able to specify which content blocks the button will apply to, in case your result page has more than one product block.

Slide out / tray carts

Octane AI doesn't integrate directly with any slide out or tray carts. This does mean that quizzes may not trigger custom slide out or tray carts when the add to cart button is pressed.

Octane AI provides a custom event that can be used to add code to your website allowing custom carts to know when an item has been added to the cart from a quiz.

You can check out documentation on this here.

For working slide out & tray carts, we recommend using the "Go to checkout" setting for after the button has been clicked.

Editing product data (Octane Plus)

There are two ways to customize the product information. You can do it for an individual block of a certain product, which will not change other instances of that product, or you can change it globally for all instances of that product in the quiz.

This is available for all quiz types, AI, dynamic, and custom.

You can open a specific product's settings by going to:

results page content block product

Customizing product info for a single block:

Go to "Product Data", click the element you want to customize, such as "Image" or "Title", then check the "Customize Title for this content block" option, this will apply the customization for that single instance of the product in the content block, without affecting the other instances of the same product:

Customizing product info globally for all instances of the product:

Go to "GLOBAL PRODUCT DATA", click "Add global custom info (image, title, etc.)" or go to the "Product Info" tab at the top and click "Add custom product info". Then, click the element you want to customize, such as "Image" or "Title", and check "Customize [element name]":

Now this will be the default product information for all instances of that product:

You can customize individual instances as well, following the previous steps:

Did this answer your question?