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 (jump to section)
Display settings (jump to section)
Button settings (jump to section)
Editing product data (jump to section)
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.
Open your quiz in the editor, and locate the
RESULTS PAGES
section.Open a result page.
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:
Desktop Settings
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: