You can now find a new Design tab inside the editor in all the Quizzes applications: Trivia, Survey, Personality Test, Score predictor and Predictions as well as the Product Recommender.

You can now customize the visual appearance of the questions in your quiz with greater detail—especially the answers and buttons—allowing you to better align them with your brand image and the design of your promotion.

With these new design options, you’ll be able to offer a visual experience to users that’s adapted to your brand, creating a more attractive and personalized experience.

Configurable Options in the Design Tab

The options you will find under the Design tab of the quiz are the following:

A. Questions

• Center the question text: Enable this option to align the question text to the center of the promotion's container.

B. Answers

You’ll find the following options to customize the quiz's answer buttons.

• Font style.
• Force uppercase.
• Text color.
• Background color.
• Border width (if any).
• Border color (if any).

C. Answers (hover)

You’ll be able to customize the answer buttons when the user hovers over them, specifically:

• Text color.
• Background color.
• Border color.

D. Selected Answers

You’ll be able to customize the style of the selected answer button(s) using the following options:

• Checkmark color: customize how the check will look like when the user has selected the answer(s).
• Checkmark background color: customize how the background of the check looks like when the user selects the answer(s).
• Text color.
• Background color.
• Border color.

E. Continue Button

By selecting the option "Override default button styles", you can customize the Continue button style through the following options:

• Text color.
• Background color.
• Text color (hover).
• Background color (hover).

F. Options

Allows you to configure other settings:

• How do you want to display progress? Choose how users will view their progress as they move through the quiz questions.
• Allow users to change their answers.