You can now find a new Design tab inside the editor in all the Quiz applications: Trivia, Survey, Personality Test, Score predictor, 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:

• Tick color: Customize how the tick looks when the user has selected the answer(s).
• Tick background color: Customize how the background of the tick looks 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.