The Quiz Submit Button component in Vev is an essential tool for finalizing your interactive quizzes. It not only collects and processes the users' responses but also determines their final score and directs them to the appropriate next step based on their performance. This component enhances the functionality of your quizzes, making them more dynamic and responsive to users' interactions.
Styling a Quiz Submit button
Background:
Button: Change the background color of the button
Button Hover: Change the background color of the button on hover
Padding: Add padding to the button
Border: Set the border color, opacity, and line weight of the button
Border Radius: Curve the radius of the button's border
Effects: Effects: Add different types of shadows or blur effects
Configuration options
Parameter | Description |
Button Label | The text of the button |
Navigate to page | Choose the page to which you want to redirect the user |
Range start | Number identifying the lower limit of the range to which this navigation decision belongs. |
Range end | Number identifying the higher limit of the range to which this navigation decision belongs. |
Score logic
In the Quiz Questions component, each question is assigned a score. After the user has answered all the questions, the individual scores are summed to generate the final score. The Quiz Submit Button then determines which predefined range the final score falls into and navigates the user to the corresponding page.
You can configure multiple navigation options based on different score ranges. For instance, in the example below, users who accumulate more than 5 points are directed to the 'knowsaLot' page.
