Vev Help Center
Search…
Quiz Question
Create multiple choice style questions. Use with the Quiz Submit Button element to send the user to a targeted page based on their quiz score.

Configuration Options

Parameter
Type
Description
Question
Text
Text label for the answer option.
Score value
Number
The influence that choosing this option places on the overall score. Score values of all question responses are accumulated to create the total/final score after the quiz is completed.

Building a Quiz Question

The Quiz Questions element creates multiple choice style questions. A multiple choice question contains two parts: the question, and the set of responses. The Quiz Questions element only creates the set of responses. The question text itself is created using a basic text element.
Build longer multiple choice quizzes by dragging multiple pairs of Text Element + Quiz Questions onto your canvas. When users have finished answering all questions, use their total score to decide which page they should be sent to; this is done using another element called Quiz Submit Button.

Adding a Question Response Option

Double click on the Quiz Questions element to open its settings popup. To add an additional response, click the "+ ADD ITEM" button. Specify the response text, and define its weight value. The weight value describes the influence it will have on the overall score accumulated among all quiz questions.

Scoring System

A weight-based scoring system is used to grade the response of users. When the user has responded to all quiz questions, the total score is calculated by adding up the scores of the user's chosen answers. This score is then sent to the "Quiz Submit Button" element. Read more on the Quiz Submit Button to see how you can use the user's total score to direct them to an appropriate URL.

Styling

Upon selecting the Quiz Questions element, the right hand panel in the Vev Editor will show all the styling options designers can configure to tweak the appearance. This includes:
  • Checkbox color
  • Checkbox border
  • Selected checkbox color (color of the checkbox that the user has selected)
  • Text properties of the response options (font, size, color)
  • Color of the checkmark icon
  • Padding (the spacing around each option)
  • Border around the options
  • Shape icon to replace checkmark with custom icon.
Last modified 4mo ago