Docs

Bio Funnel Builder

Published July 25, 2026

Bio Funnel Builder creates a pre-start landing page for your quiz. It uses the same public quiz link, /q/{slug}, so visitors from Instagram, TikTok, YouTube, email, ads, or your website can land on one focused page before they enter the quiz.

Use it when the visitor needs context, proof, offers, contact options, or a routing choice before the first question. The page can stay deterministic with fixed button actions, become more personalized with visibility rules, or send visitors into non-deterministic AI Agent and chatbot-style quiz flows after they choose to begin.

Bio Funnel Builder interface showing sections, containers, content blocks, button actions, and preview visibility controls

Build a link-in-bio style landing page, then route visitors into the right quiz, intent path, URL, contact action, or next section.

Where Bio Funnel fits

Think of Bio Funnel as the page that sits between a shared link and the quiz experience.

Build order

Use this sequence when you build the page. It keeps the page easy to review, test, and explain in a walkthrough.

1

Enable the page

Open Intro & Bio Funnel and turn Bio Funnel Builder on.
2

Add sections

Create the major bands of the page, such as intro, offers, proof, and final CTA.
3

Add containers

Control width, alignment, layout, spacing, and how blocks group together.
4

Add blocks

Insert headings, text, images, videos, Path Choosers, buttons, cards, Forms, social links, and contact cards.
5

Set actions

Choose what each button does: start the quiz, route by intent, scroll, reveal, redirect, or launch another quiz.
6

Preview and save

Test visibility conditions, save changes, publish or update, then test the public /q/{slug} link.

Best first build

Start with a simple version before you build a complete link hub.

  • Add one hero section with an image, a direct heading, short supporting copy, and one primary button.
  • Use Start quiz for the main button unless the visitor should choose a specific path first.
  • Add proof, product, service, or offer cards only when they help the visitor choose.
  • Add a Form when contact details, preferences, requests, or consent belong on the Bio Funnel. Use Lead Capture or a Structured Form inside the guided flow when questions should come first.
  • Add a Path Chooser when the Bio Funnel should segment visitors, reveal relevant content, or route directly into an Intent Path.
  • Add a Recommendation to turn visitor signals into one owner-approved next step, with a dependable fallback.
  • Add Continue Journey when returning visitors should resume an unfinished Flow from the same device.
  • Keep secondary actions limited. Too many equal choices can weaken the main path.

Page structure

Bio Funnel Builder is organized into three layers.

Sections

Large bands of the page. Use them for the intro, offers, social proof, contact details, and final call to action.

Containers

Layout groups inside sections. They control max width, alignment, stack or row layout, padding, and spacing.

Blocks

The content visitors see, including headings, text, images, videos, buttons, cards, forms, social links, and contact cards.

Most pages only need two or three sections. Start with the visitor decision you want, then add only the blocks that support that decision.

Blocks at a glance

Heading

Add the main promise, offer name, section title, or next-step prompt.

Text

Add short supporting copy. Keep mobile visitors in mind and write for quick scanning.

Image

Add a profile photo, product image, logo, proof point, or visual from your Asset Library.

Video

Embed a responsive YouTube or Vimeo video with optional supporting copy and an external action.

Image Gallery

Show media-library images in a grid, masonry layout, or carousel with captions, accessible alt text, lightbox viewing, and optional actions.

FAQ

Answer common questions in an accessible accordion, choose whether several answers can stay open, and add optional supporting links.

Testimonials

Show customer quotes, author details, ratings, and sources in single, stacked, or carousel layouts.

Appointment Selection

Let visitors compare two to six meeting types, choose the right option, and open its connected Calendly scheduler.

Map / Location

Show a public address, responsive Google map, arrival details, and a directions action.

Cards / Products

Show offers, services, content cards, or products with pricing, badges, images, and buttons.

Button

Send visitors to a URL, scroll to a section, reveal another block, or trigger a simple next step.

Smart Button

Start the quiz, start at a quiz step, start at an intent path, launch another quiz, or reveal a block.

Continue Journey

Show eligible returning visitors their saved Flow progress with safe Continue and confirmed Start over actions.

Form

Collect contact details, preferences, requests, and consent with a flexible set of fields before visitors enter the flow.

CTA Group

Group a primary action with one or two secondary actions in the same section.

Social Links

Render profile links as social icons.

Contact Card

Show save contact, call, email, website, map, and share actions.

Divider

Separate nearby groups of content with a visual line.

Spacer

Add vertical breathing room between blocks without adding copy.

Build a flexible Form

Use the Form Bio Block when the visitor should share more than a fixed name and email. Add, reorder, duplicate, or remove fields, then choose from short text, long text, email, phone, website, number, date, dropdown, radio, checkbox, and consent controls.

  • Map important fields to Name, Email, Phone, or Company so they remain useful in the Contacts workspace.
  • Leave a field mapped to Custom answer for preferences, requests, dates, and other form-specific details.
  • Every form needs an Email field mapped to Email so QuizFlow Labs can preserve lead identity and response safeguards.
  • Choose what happens next: show the success message, start the guided flow, or open a complete https:// URL.
  • Submitted custom answers appear with the visitor's response details. Analytics record the form submission and field count, never the submitted values.

Free plans support up to 4 fields per Form, Basic supports up to 8, and Pro or Team supports up to 12.

Button actions

Buttons decide what happens when a visitor clicks. Choose the action based on the next step you want the visitor to take.

Redirect URL

Open a website, booking page, checkout page, product page, or other external destination.

Scroll to section

Move the visitor to another section on the same bio funnel page.

Reveal block

Show a hidden contact card or related block after the visitor clicks.

Start quiz

Start the current quiz from the first question.

Start quiz at block

Start the current quiz at a specific question or step.

Start at intent

Start the quiz at the start step configured for an intent path.

Launch quiz

Open another published quiz that belongs to your account.

Use Start at intent when each button represents a visitor goal, such as Book a demo, Get pricing, or Build a funnel. See Intent Paths for setting up named paths with their own start steps.

Styling sections and containers

Use section and container settings to make the page feel intentional without rebuilding the same content.

  • Section controls: Adjust padding, per-side padding, background, border, corner radius, and space before the section.
  • Container controls: Adjust max width, alignment, stack or row layout, gap, per-side padding, and space before the container.
  • Block controls: Adjust the settings that belong to the selected block, such as image sizing, card display, button style, button width, labels, icons, and form fields.

For most pages, use section styling to separate major page moments and container styling to control how dense each moment feels.

Visibility rules

Visibility rules let you show a block only for certain visitors. This is useful when the same bio link serves multiple audiences.

You can show a block when:

  • It should always be visible.
  • The URL includes a matching tag.
  • A query parameter equals a specific value.
  • A response parameter equals a specific value.

For example, you could share /q/my-quiz?tag=vip with a VIP audience and show a special offer block only to visitors with that tag.

To set this up, open a block's Audience targeting controls, choose the rule type, enter the tag or parameter value, then use Preview visibility conditions to confirm the right blocks appear.

Step-by-step setup

  1. Open Dashboard > Flows > Edit, then go to Intro & Bio Funnel.
  2. Expand Bio funnel builder and turn Enabled on.
  3. Start with the default layout or use the block picker to build the page from the blocks you need.
  4. Create the main sections of the page. Most pages start with intro, offer or proof, and final CTA.
  5. Add blocks to each section, such as headings, text, images, videos, buttons, cards, social links, a Form, or a contact card.
  6. Set each button action so visitors move to the right next step.
  7. If a smart button should start a named path, create an intent in Question Blocks > Intent paths, then choose it with Start at intent.
  8. Use section and container settings to adjust spacing, alignment, backgrounds, borders, and layout.
  9. Use preview conditions if any block depends on tags or query parameters.
  10. Save changes, publish or update the quiz, then test the public /q/{slug} link.

Tips

  • Put the most important action near the top of the page.
  • Use one primary button per section when possible.
  • Use cards when visitors need to compare options before choosing a path.
  • Use a Form on the Bio Funnel when the contact moment belongs before the guided flow.
  • Test every button after publishing, especially buttons that start at a specific quiz step or launch another quiz.
  • Test the mobile preview carefully. Link-in-bio traffic is usually mobile-heavy.
  • If visibility rules depend on tags or query parameters, test the exact URLs you plan to share.
Share