Resources/Optin Forms & Lead Capture/Builder: content & blocks

Builder: content & blocks

The block types you can stack into a form, and how multi-step forms work.

The Content tab is where you assemble the form. A form is a list of steps, and each step is an ordered list of blocks. Drag to reorder, click to edit, and use the duplicate control to copy a block you have already styled.

Optin builder content tab with block list and live preview

Block types

  • Heading — the offer headline.
  • Text — supporting copy.
  • Image — a product shot, logo or illustration.
  • Field — a captured value. Input types include email, text, phone and number.
  • Button — submits the step (or advances a multi-step form).
  • Divider and Spacer — layout only.
  • Countdown — a timer, for genuine deadlines.
  • HTML — raw markup, for anything the other blocks cannot express.
  • Wheel and Scratch — gamified reveals. See Coupons & games.
  • Choice — a branch. Each option jumps to a specific step instead of simply advancing.

Multi-step forms

Splitting a long form across steps almost always converts better than one long form: ask for the email first, then the optional details. Add a step, and the button on the previous step advances to it.

Branching with the Choice block

A Choice block sends the visitor to a different step depending on which option they pick — "Shopping for myself" vs "Shopping for a business" can lead to different follow-up questions and a different offer.

Required fields

Mark a field required and the form will not submit without it. Note that a field hidden on mobile is skipped by validation rather than blocking submission — see Design.

Merge tags such as {{first_name}} work in heading and text blocks but are deliberately not processed inside HTML blocks. See Integrations & merge tags.

Put this to work on your own site.

Heatmaps, session replays, funnels and experiments in one platform. Set it up in minutes, no credit card needed, and early-access members earn exclusive rewards.