Interactive Blocks & Forms

Interactive blocks are the data-collection layer of your funnels. They capture user input, assign it to named variables, validate responses, and feed data into your tracking stack and branching logic. This guide covers the six most commonly used interactive blocks in detail.

How Interactive Blocks Work

Every interactive block extends the same base architecture:

1. Variable assignment — Each block can assign its value to a named variable (e.g., budget, industry, email). This variable is then available for branching logic and tracking integration.
2. Validation — Configurable rules ensure data quality before the user can proceed. Required fields, format checks, and custom constraints are all supported.
3. Submit button — Interactive blocks include a submit/continue button that advances to the next funnel step. The button is a child slot, fully customizable with its own text, colors, and styling.

Multiple Choice

The Multiple Choice block presents a grid of selectable option cards. Each option has a label, optional description, and optional icon.

Configuration

• Selection mode — Single select (radio) or multi-select (checkbox)
• Layout — 1 to 4 columns, responsive to screen size
• Options — Each option has a label, value, and optional icon
• Variable — Selected value(s) mapped to the assigned variable name

Use Cases

• Qualifying questions: “What’s your monthly ad spend?” with range options
• Interest selection: “Which services are you interested in?” with multi-select
• Industry filtering: “What industry are you in?” routing to niche-specific paths

Choice

The Choice block is a visual variant of Multiple Choice, designed for image-heavy or icon-prominent selections. It supports four layout variants:

• Default — Simple text cards
• Icon — Cards with large icons above the label
• Image — Cards with background images
• List — Vertical list style for longer option sets

Choice blocks are ideal when visual context helps the user decide — for example, selecting a home style (with photos) or picking a service package (with icons).

Form

The Form block is a multi-field data collection block supporting six field types:

Field Type	Input	Validation
Text	Single-line text input	Required, min/max length
Email	Email input with format hint	Required, email format
Phone	Phone number input	Required, phone format
Number	Numeric input with step controls	Required, min/max value
Textarea	Multi-line text area	Required, min/max length
Select	Dropdown within the form	Required

Field Layout

Form fields support full-width and half-width sizing. Half-width fields render side-by-side in a two-column CSS grid, allowing compact layouts like “First Name / Last Name” on a single row.

Variable Mapping

Each form field maps to its own variable name. When the form is submitted, all field values are captured as individual variables — each available for tracking events and lead data export.

Dropdown

The Dropdown block provides a single-select dropdown for choosing from a list of options. It’s best for long option lists where Multiple Choice would take up too much space.

Auto-Generated Values

By default, option values are auto-generated from labels (lowercased, hyphenated). You can override individual values in the Advanced settings for cases where the tracking value needs to differ from the display label.

When to Use Dropdown vs. Multiple Choice

• Use Dropdown when you have more than 6 options or the options are simple text labels
• Use Multiple Choice when you have 2–6 options and visual prominence helps conversion

Date

The Date block presents a calendar-style date picker. Configure it with:

• Min/max date — Restrict the selectable range (e.g., “next 30 days only”)
• Date format — ISO, US (MM/DD/YYYY), or European (DD.MM.YYYY)
• Default value — Pre-select today or a specific date

The selected date is stored as an ISO string in the assigned variable.

Upload

The Upload block lets users attach files — useful for collecting documents, photos, or portfolios.

Configuration

• Accepted types — Restrict by MIME type (images, PDFs, documents)
• Max file size — Set per-file size limits
• Max files — Allow single or multiple file uploads

Uploaded files are stored securely and linked to the lead record.

Submit Button Slots

All interactive blocks include a submit button as a child slot. This means the button inherits the block’s context but is fully customizable:

• Text — “Next”, “Continue”, “Submit”, or any custom label
• Colors — Independent background, text, and hover colors
• Size and width — Full-width, auto, or fixed pixel width
• Border radius — Match your brand or go custom

The submit button triggers validation, captures the variable value, and advances to the next page.