A clean, multi-step quiz template that guides users through a set of questions one at a time and delivers a personalised result at the end. The layout and flow work for any recommendation, assessment, or outcome-based use case.
The template includes:
- Intro screen with a logo slot, headline, description block, supporting links, and a start CTA
- One question per step with radio button answer options displayed as full-width selectable cards
- Optional helper text per question shown below the question title to provide context or definitions without overwhelming the interface
- Progress bar at the top of the page updating with each step
- Step counter showing current position in the flow (e.g. 2/5)
- Back and forward navigation allowing users to review and change answers before submitting
- Optional email capture step before the results screen, with a configurable value proposition and unsubscribe note
- Personalised results screen displaying a tailored output with a recommended value, an optimal range, and a contextual description based on the combination of answers given
- Restart button on the results screen allowing users to run through the quiz again with different answers
Follow these steps to make the template your own:
- Update the intro screen Edit the headline, description, and any supporting links to reflect your quiz topic and value proposition
- Add your questions Replace the placeholder questions with your own, one per step
- Configure answer options Update the radio button labels for each question to match your answer set
- Add helper text Write optional context copy below any question that needs clarification or a definition
- Set the number of steps Add or remove question steps to match the length of your quiz
- Configure the results logic Map each combination of answers to the appropriate result output
- Update the results screen Edit the result label, recommended value, range display, and description text
- Customise the email capture step Update the value proposition copy and adjust whether this step is required or optional
- Connect email capture Link the email field to your newsletter tool or CRM
- Update the intro and results logo Replace the logo mark with your own brand asset
- Match your branding Update colours, fonts, and background to align with your visual identity
- Test all answer combinations Verify each path through the quiz leads to the correct result before going live