Bio Funnel Builder

Bio Funnel Builder lets you create a pre-start page at /q/{slug} that appears before the quiz begins. Use it for link-in-bio traffic, multi-CTA landing pages, and routing visitors into quiz paths or external destinations.

This guide will walk you through:

• Where to find Bio Funnel Builder in the quiz workflow.
• How sections, containers, and blocks work together.
• Which CTA actions are supported in v1.
• How section/container settings (including per-side padding) affect the published page.
• What to validate before publishing.

Where to find it

Open Dashboard > Quizzes > Edit and go to Intro & Bio Funnel.
In that step, expand Bio funnel builder and toggle Enabled on to show the pre-start Bio page on the hosted URL.

How the builder is structured

Bio Funnel Builder uses a 3-level layout model:

• Section: full-width visual band (background, border, spacing, shape).
• Container: layout constraint inside a section (width, alignment, layout, gap, spacing).
• Blocks: content and CTA elements inside each container.

You can add, reorder, duplicate, and remove sections/containers/blocks from the left panel. Use each section or container row’s settings icon to edit style controls in the right settings panel.

Supported blocks (v1)

• heading
• text
• image
• button (external or scroll action)
• smart_button (quiz-aware actions)
• cta_group
• social_links
• spacer
• divider

CTA actions

Regular and smart buttons support these action types:

• Redirect URL
• Scroll to section
• Start quiz
• Start quiz at specific step/block
• Launch another published quiz

Styling controls

Section settings

• Section padding preset (sm, md, lg)
• Per-side section padding (top, right, bottom, left in px)
• Background mode (inherit or custom color)
• Border mode (none, inherit, custom color)
• Corner radius
• Space before section

Container settings

• Max width (sm, md, lg, xl)
• Align (left, center)
• Layout (stack, row)
• Gap (sm, md, lg)
• Per-side container padding (top, right, bottom, left in px)
• Space before container

Visibility rules

Blocks can be shown conditionally using:

• URL tags
• Query parameter equals
• Response parameter equals
• Always visible

Use Preview conditions in the builder to test visibility paths before publishing.

Step-by-step

1. Open Intro & Bio Funnel and expand Bio funnel builder.
2. Toggle Enabled on.
3. Choose a template (Creator, Coach, or Storefront) or build from scratch.
4. Add sections, containers, and blocks; reorder as needed.
5. Configure CTA actions for button and smart-button blocks.
6. Adjust section/container settings (including per-side padding) in the right settings panel.
7. Use preview conditions to test tag/query/response visibility rules.
8. Click Save bio funnel, then publish/update the quiz and verify /q/{slug}.

Tips / Gotchas

• Section backgrounds are full-width in hosted full-page rendering, while container width still follows each container’s max-width setting.
• Keep section count reasonable for mobile performance.
• Use one primary CTA per section when possible; too many equal-weight CTAs can lower click-through.
• If a smart action does not trigger, re-check target quiz publish status and ownership.