How to Set Quiz Flow and Branching Logic
Flow is the map of your quiz. Each step appears as a card, and you draw connections showing where respondents go after specific interactions.
Use Flow after you have question content in Builder and before you send production traffic.
Before You Startβ
Make sure you have:
- At least two steps in the quiz (Flow needs a journey, not a single screen).
- Interactive elements configured in Builder (buttons, options, or images with go to step / continue actions).
- Named steps in the rail so Flow cards stay readable.
- Preview available to walk each branch after linking.
Step 1: Prepare Steps in Builderβ
- Open the quiz in Quiz Builder.
- Confirm each step that should receive traffic has:
- A clear name in the steps rail (
Intro,Q1,Result B, etc.) - At least one interactive element (button, quiz option, linked text/image)
- A clear name in the steps rail (
- Save before switching to Flow.
If you have fewer than two steps, Flow shows a message to add more steps first.
Step 2: Open Flow Viewβ
- Click Flow in the quiz editor header.
- Review the step cards laid out on the canvas.
- Identify the entry step (where visitors start) and result steps (where paths should end).
Flow gives a whole-journey view that Builder alone cannot show.
Step 3: Connect Interactions to Target Stepsβ
For each branch you need:
- On a step card, find the outgoing connector on an interaction (button, option, etc.).
- Drag a link to the incoming side of another step card.
- Release to create the connection.
- Repeat until each choice routes to the correct next step or result.
Supported interactions commonly include:
- Buttons with continue / go-to-step actions
- Quiz options that advance on selection
- Text or images configured for navigation (when enabled in Builder)
Exact controls appear when you select an element that supports navigation in Builder first.
Step 4: Validate Branching Logicβ
Check the map for:
| Check | Why |
|---|---|
| Every step has an incoming link (except entry) | Orphans mean visitors never reach that step. |
| Every path ends at a result, form, or exit | Dead ends frustrate users and break tracking. |
| No unintended loops | Product may block cycles that confuse analytics. |
| Mobile paths match desktop | Same links should work after Preview on phone width. |
Re-open Flow after large Builder edits β structural changes can disconnect links.
Step 5: Test Every Branch in Previewβ
- Save the quiz.
- Click Preview.
- Walk each answer combination you expect in production:
- Path A β Result 1
- Path B β Result 2
- Multi-select paths if applicable
- Note any step that skips or lands wrong β fix in Flow, then Preview again.
Analytics and webhooks depend on visitors following the paths you defined.
Step 6: Publish When Paths Are Stableβ
When all branches work in Preview:
- Configure webhooks or Leads if needed.
- Publish the quiz so live traffic uses the latest Flow. See How to publish a quiz.
Republish after any Flow change that should affect live visitors.
Best Practicesβ
- Label steps for marketers and support (
Offer β warm,Result β supplement). - Keep branching shallow when possible β deep trees are hard to QA.
- Document result URLs per branch in your campaign brief.
- Test edge answers (fast click-through, back button if enabled).
Troubleshootingβ
| Problem | What to try |
|---|---|
| Flow empty or disabled | Add at least two steps in Builder first. |
| Cannot draw a link | Element may lack navigation action β configure in Builder, return to Flow. |
| Connection rejected (cycle) | Adjust path to avoid infinite loops per product rules. |
| Preview differs from Flow | Save; republish if testing live URL; clear cache. |
| Wrong step after answer | Re-select outgoing connector; confirm target step card. |
Outcomeβ
Your quiz has explicit branching logic β every interaction routes to the intended next step or result, validated in Preview and ready for publish.
Related Docsβ
- Quiz Flow (reference)
- Quiz Builder
- How to design quiz questions and options
- Publish a quiz
- Quiz webhooks
FAQβ
Flow vs Builder?
Builder edits what people see on each step. Flow edits how they move between steps. Use both together.
Can I loop back to an earlier step?
The product may block cycles that confuse analytics or create infinite loops. Read the message and adjust the path.
Do I need Flow for a linear quiz?
Even linear quizzes benefit from Flow verification β confirm each Next button targets the following step.
When should I open Flow?
After adding steps and interactive elements in Builder, and again after major structural edits.
Does Flow change require republish?
Yes, for live visitors to follow updated paths and for webhooks tied to stage completion.