Layout Blocks and Screens

Layout blocks and screens are non-input elements that structure your form, guide respondents through the experience, and control what happens when they finish. Unlike input fields, they do not collect data — they shape the flow and presentation of your form.

Welcome Screen

The welcome screen is the first thing respondents see when they open your form. It sets the tone, introduces the purpose of the form, and provides a call-to-action button to begin.

Configuration

• Title — The main heading displayed prominently on the screen. Keep it clear and inviting (e.g., “Customer Feedback Survey” or “Apply to Join Our Team”).
• Description — A paragraph below the title that provides context. Explain what the form is for, how long it will take, and what happens after submission.
• Button text — Customize the text on the start button. The default is “Start,” but you can change it to “Begin Survey,” “Get Started,” “Apply Now,” or anything that fits your form.
• Background image — Upload an image or set a color to use as the screen background. Use a high-quality image that is relevant to your form’s topic. The image is displayed with an overlay to ensure text remains readable.

Design Tips

A good welcome screen reduces form abandonment by setting clear expectations. Tell respondents approximately how long the form takes, and use the description to explain why their input matters. Keep the title short and benefit-oriented.

End Screen / Thank You

The end screen appears after a respondent submits the form. It confirms the submission was successful and provides a closing message.

Configuration

• Title — The heading displayed after submission. The default is “Thank you!” Customize it to match your tone (e.g., “Application Received” or “You’re All Set”).
• Description — A message below the title. Use it to tell respondents what happens next: “We’ll review your submission and get back to you within 48 hours.”
• Button — Optionally show a button that links to another page, such as your website, a related form, or a resource. Set the button text and destination URL.
• Redirect — Instead of showing the end screen, automatically redirect respondents to a URL after submission. You can set a delay (in seconds) before the redirect occurs. This is useful for sending respondents to a confirmation page, a download, or a payment portal.

Multiple End Screens

You can create multiple end screens and use conditional logic to show different screens based on the respondent’s answers. For example, show a “Welcome to the team!” screen for accepted applicants and a “Thank you for applying” screen for others.

Statement

A statement block displays text without any input. It is a display-only element for providing information, instructions, or context between form fields.

Configuration

• Content — Enter the text to display. You can use rich formatting including bold, italic, links, bullet lists, and headings.
• Alignment — Align the text left, center, or right.
• Continue button — In conversational form mode, the statement includes a “Continue” button so respondents explicitly acknowledge they have read the content before proceeding. You can customize the button text.

When to Use

Use statements for terms and conditions text, instructions for the next section, context that helps respondents answer the following questions, or legal disclaimers that must be displayed before certain fields.

Section Break

A section break adds a visual divider between groups of fields. It helps organize long forms into logical sections and improves scanability.

Configuration

• Title (optional) — A heading displayed above the divider line. Use it to label the section (e.g., “Personal Information,” “Work Experience,” “Preferences”).
• Description (optional) — A brief description below the title that provides context for the section.

When to Use

Use section breaks within a single-page form to visually group related fields. They do not create separate pages — all fields remain on the same page. For multi-page forms, use page breaks instead.

Page Break

A page break splits your form into multiple pages. Respondents see one page at a time and navigate between them using “Next” and “Back” buttons.

Configuration

• Progress bar — When your form has multiple pages, a progress bar automatically appears at the top showing the respondent how far they are through the form. You can customize the progress bar style: percentage, fraction (e.g., “2 of 5”), or a visual bar.
• Validation — By default, required fields on the current page are validated before the respondent can move to the next page. This prevents respondents from skipping required questions and having to go back.

When to Use

Use page breaks for long forms with more than 8–10 fields. Breaking a form into pages reduces cognitive load and makes the form feel more manageable. Group related fields on the same page (e.g., contact info on page 1, preferences on page 2, review on page 3).

Design Tips

Start with easier, less personal questions on the first page to build momentum. Save sensitive or complex questions for later pages when the respondent is already invested. Keep pages roughly equal in length for a balanced experience.

Redirect

The redirect block automatically sends respondents to a specified URL when they reach that point in the form. Unlike the end screen redirect, a redirect block can be placed anywhere in the form and used with conditional logic.

Configuration

• Destination URL — The URL to redirect to. This can be any valid URL: a page on your website, another form, a payment page, or an external service.
• Conditions — Combine the redirect block with conditional logic to redirect only certain respondents. For example, redirect respondents who selected “Enterprise” to your sales page, while others continue through the form.
• Pass parameters — Optionally append form field values to the redirect URL as query parameters. This lets you pass data to the destination page.

When to Use

Use redirects for branching workflows where different respondents should end up in different places. Common scenarios include routing to different payment pages based on plan selection, sending qualified leads to a booking page, or redirecting to a disqualification page when eligibility criteria are not met.

Best Practices

• Always include a welcome screen on customer-facing forms. It sets expectations and increases completion rates.
• Customize your end screen with next steps so respondents know what to expect after submitting.
• Use section breaks for visual grouping within a page and page breaks for splitting into multiple pages. Do not use both for the same purpose.
• Keep statement blocks concise. Long text walls can cause respondents to skim or skip important information.
• Test redirect blocks thoroughly, including the URLs they point to, before publishing your form.
• Use the progress bar on multi-page forms. Respondents are more likely to complete a form when they can see how far they have progressed.