User Flows
Questionnaire Theme
User flow for the default questionnaire modal theme.
Questionnaire Theme
Component: components/questionnaire/QuestionnaireModal.js
Default theme — used when category.questionnaireType is questionnaire or unset.
User flow
What the user sees
- Overlay modal — covers the category content
- Progress indicator — shows current step
- Questions — multiple choice with 2-4 options per step
- No ads during questions — intermediate steps have no CTAs or ads
- Final step CTA — "Watch Ad to Continue" shimmer button
- Rewarded ad — full-screen video ad
- Content reveal — modal closes, category sections visible
Question routing
Each question option can have a targetCategorySlug. Selecting an option may navigate to a different category.
Ad behavior
| Ad type | When it starts |
|---|---|
| Display | Theme visible |
| Interstitial | Theme visible |
| Rewarded | Theme visible (loads), CTA triggers play |
| Skyscraper | Theme closed |
| Sticky | Rewarded CTA click |
Questionnaire-page variant
A two-phase flow (questionnaire-page type) shows the questionnaire as a full page, then redirects to ?unlocked=1. Currently disabled via QUESTIONNAIRE_PAGE_FLOW_ENABLED = false.