How to create a Typeform‑style, one‑question‑at‑a‑time form? (Focused Mode)

Focused Mode shows one question at a time, guiding people through your form step‑by‑step with minimal distractions—similar to the Typeform experience. It helps increase completion rates by keeping attention on the current question and making progress feel easy.

Why use Focused Mode

• Higher completion: Less overwhelm vs. long, busy pages.
• Mobile-friendly: Big, clear inputs and simple navigation.
• Better UX: Natural flow, progress feedback, and momentum.

What your respondents see

• One question per screen (or a small, intentional group).
• A clear progress indicator (steps or percent).
• Smooth transitions between questions.
• Simple next/back controls; keyboard support (Enter/Tab/Arrow keys).

How to turn it on

1. Open your form.
2. Go to Settings → Presentation.
3. Choose Presentation style → Focused Mode.
4. Save changes and preview.

Tip: You can switch between Classic and Focused anytime; your questions, logic, and integrations remain intact.

Options and settings

Progress indicator

Progress bar: How to use the progress bar?

Navigation

• Show/hide Back button.

Styling per question (Focused Mode)

Add an image to each step and choose a layout:

*Between: image sits between header and content.

• Left small / Right small: compact side image with content dominant.
• Left split / Right split: two‑column split with equal emphasis.
• Background: full‑bleed background behind the question.

Adjust image opacity/brightness and pick the focal point.

Colors & background

• One theme color.
• Optional background image with adjustable opacity.

Conditional logic

• All existing logic works; hidden paths are skipped seamlessly.

Save & resume (if enabled on your plan)

• Let respondents come back later without losing progress.

Embeds

• Works in site/app embeds. Optionally auto‑fit height.

Everything from Classic still works

• Integrations (Zapier, webhooks), notifications, analytics, custom code, and sharing all behave the same in Focused Mode.

Switching between styles on existing forms

• When switching to Focused, blocks not supported in Focused Mode are listed in a confirmation dialog; if you confirm, they’re removed from the form.
• Input size updates automatically: large in Focused, medium in Classic.
• Questions, responses, logic, integrations, and settings remain intact.
• You can switch back to Classic anytime. Preview before publishing to verify the flow.

Best practices (inspired by Typeform-style flows)

• Keep questions short: One idea per screen.
• Use microcopy: Add brief hints under the prompt when needed.
• Front‑load easy wins: Start with quick choices to build momentum.
• Use auto‑advance wisely: Great for Yes/No or multiple choice; avoid for long-text.
• Limit steps: Combine tiny related inputs; avoid 25+ screens unless truly necessary.
• Show progress: Steps calm anxiety; hide only for very short forms.
• Use visuals sparingly: Icons or minimal imagery can help, but don’t distract.

When to use Focused Mode vs. Classic

• Focused Mode: Ideal for lead gen, surveys, quizzes, NPS, applications—any flow that benefits from a guided, conversational feel.
• Classic Mode: Better for admin‑style forms, dense data entry, or when scanning many fields at once is useful.

FAQs

• Can I switch after collecting responses? Yes, switching styles won’t delete responses.
• Does logic still work? Yes, branching, skips, and calculations behave the same.
• Can I embed Focused Mode? Yes, use the usual embed options; it will auto‑size.
• What about file uploads and captchas? They work in Focused Mode with dedicated steps.
• Is analytics affected? Submission analytics are unchanged; step‑level drop‑off may be easier to interpret with clear progress.

If you’ve used Typeform, Focused Mode will feel familiar—one clear question at a time, smooth motion, and a reassuring sense of progress.

Updated on: 14/10/2025