Click a part of the quiz on the page to style it: the question, an answer, the progress bar or the result.
Questions and answers
- Fonts and colors for the question title and description.
- Layout: show text answers as a List or a Grid.
- Prefix text answers with letters (A, B, C).
- Colors for answered, correct and incorrect answers, used with Show correct/incorrect answers.
- For image answers: Images per row, and in battles Show battle images vertically.
- For battles: the Versus text and its font.
- Gaps between the parts of a result: Gap between title and description, Gap between content and button and, for product results, Gap between content and products and Gap between products.
Progress bar
Turn on Progress bar and choose:
- Layout: Dots or Bar.
- Colors for Inactive and Active steps, Size, Shape and Gap.
- Position: Top or Bottom, Full width, and Show text (for example "2 / 5").
Navigation
In the quiz's Settings:
- Click button to continue: people click a button after choosing an answer, instead of going on automatically.
- Show previous button and Allow participant to go to previous question.
Ratings and swipe
- Rating: the selected and unselected images.
- Swipe: Show like/dislike buttons, the Like text and Dislike text, and Show question name above image. Turn on Use products for swipe to swipe through your products.
Product results
For product recommendations: Products per row, Show sale badge, the text before and after sale prices, and which attributes to show (brand, gender, color, size).
The result button
The button on the result page can Go to link, Go to next page or Go to page. With the add-on Reload page action, it restarts the quiz.
Parts you can style
Click these parts of the quiz on the page to style them:
- Question: Title font, Description font, the Question image, and in battles the Versus font. Video questions use a Video URL.
- Answers: colors including Correct background and Correct text, and the Answer image for image answers.
- Finish button: the button on the last question.
- Result: the Result image (with Gap between image and button), Gap between title and description and Gap between content and button.
- Poll results: Show number of answers, Show percentage of answers, Gap between content and results and Gap between image and progress bar.
- Product results: Show title before image, Hide horizontal line, Sale - before price text and Sale - after price text.
- Result button: the add-on Reload page action ("Reload the page when clicking this button").