Quiz Builder is a fully self-contained interactive quiz — no external embeds, no iframes. Configure questions, answers, scoring, and results entirely from the property panel, and it computes the outcome client-side.
Quiz Type
Personality — each answer option has a Category. The result whose Match Category was selected most often wins. Perfect for "What's your X style?" quizzes.
Scored — each answer option has a point Value. The result whose score range (Min/Max) contains the total wins. Perfect for "How sustainable is your lifestyle?" style assessments.
Switch between the two with a single toggle — all other settings carry over.
Questions & Answers Add unlimited questions, each with its own text, an optional image (shown below the question), and a list of answer options. Selecting an answer auto-advances to the next question after a brief confirmation moment, with a checkmark and color highlight on the chosen option.
Navigation
Back Button — lets users return to the previous question and change their answer.
Progress — Bar or Dots style, shown above each question.
Transition — Fade or Slide between screens.
Score Reveal (Scored quizzes only) Before showing the matched result, an animated count-up reveals the total score (with an optional "out of X" maximum), then a "Continue" button fades in to proceed — building anticipation before the reveal.
Results Each result has its own Title, Description, optional Image, and an optional CTA button with a link — useful for directing quiz-takers to a relevant product, service, or page. A "Retake Quiz" option resets the full flow.
Styling Full control over Accent Color, Text Color, Background, Card Color, Corner Radius, and independent fonts for Title and Body text. Accent color is used consistently across the selected option highlight, progress indicator, and CTA button. Focus-visible outlines for keyboard navigation follow the accent color automatically.
Quiz Builder is a fully self-contained interactive quiz — no external embeds, no iframes. Configure questions, answers, scoring, and results entirely from the property panel, and it computes the outcome client-side.
Quiz Type
Personality — each answer option has a Category. The result whose Match Category was selected most often wins. Perfect for "What's your X style?" quizzes.
Scored — each answer option has a point Value. The result whose score range (Min/Max) contains the total wins. Perfect for "How sustainable is your lifestyle?" style assessments.
Switch between the two with a single toggle — all other settings carry over.
Questions & Answers Add unlimited questions, each with its own text, an optional image (shown below the question), and a list of answer options. Selecting an answer auto-advances to the next question after a brief confirmation moment, with a checkmark and color highlight on the chosen option.
Navigation
Back Button — lets users return to the previous question and change their answer.
Progress — Bar or Dots style, shown above each question.
Transition — Fade or Slide between screens.
Score Reveal (Scored quizzes only) Before showing the matched result, an animated count-up reveals the total score (with an optional "out of X" maximum), then a "Continue" button fades in to proceed — building anticipation before the reveal.
Results Each result has its own Title, Description, optional Image, and an optional CTA button with a link — useful for directing quiz-takers to a relevant product, service, or page. A "Retake Quiz" option resets the full flow.
Styling Full control over Accent Color, Text Color, Background, Card Color, Corner Radius, and independent fonts for Title and Body text. Accent color is used consistently across the selected option highlight, progress indicator, and CTA button. Focus-visible outlines for keyboard navigation follow the accent color automatically.
