All coursesForms
Fields & settings
We’re transitioning to a new UI, and are in the process of updating our Webflow University courses and videos.

Fields & settings

Configure forms and fields so they collect the right information and produce usable submissions.

Fields & settings

Configure forms and fields so they collect the right information and produce usable submissions.

Once a form is laid out and styled, the next set of choices lives inside the Form block settings and its nested field settings. These decisions shape how easy a form is for visitors to complete, the form submission experience, and how useful the submission data is once it reaches your team.

Where and why naming matters

At the form level, the form name appears in Site settings and in submission exports. Clear, purpose-driven names make it easier to identify which form a submission came from, especially on sites with multiple forms.

At the field level, each input has:

  • A visible label, which users see on the page
  • An internal field name, which appears in submission data and notification emails
Webflow canvas showing a form field with a visible label on the page and the same field selected in settings, highlighting the internal field name.

These serve different audiences. Labels help users understand what to enter. Field names help teams understand what was submitted later. A form can feel clear to users but still produce confusing data if field names aren’t thoughtful. Clear naming supports both completion and follow-up.

Field types shape interaction

The type of field you choose affects how people interact with the form and how browsers handle input. 

Input fields
Text fields, email fields, and number fields collect short, single-line input. For example, an email field is a good fit for “Work email,” while a number field works well for something like “Number of employees.” Choosing the correct input type enables basic browser validation and, on some devices, shows a more appropriate keyboard.

A form input field’s settings with a dropdown for ‘Type,’ showing several options, from Plain to URL.

Textarea fields
Textarea fields are designed for longer, multi-line input. They’re a good fit for open-ended responses like “How can we help?” where users may need more space to explain their request.

Select fields
Select fields are useful when users need to choose from a predefined list. For example, “Company size” might offer options like 1–10, 11–50, 51–200, and 200+. If the first option acts as a prompt, such as “Select one,” it should clearly not be a valid answer.

Radio buttons
Radio buttons work best when only one option can be selected from a small set. For example, “Preferred contact method” could offer Email, Phone, or Either. They make choices visible and reduce ambiguity.

Checkboxes
Checkboxes are a good fit when multiple selections are allowed or when confirming consent. For example, “I agree to receive product updates” works well as a single checkbox, while “Topics you’re interested in” can offer multiple checkboxes such as Pricing, Integrations, and Case studies.

Choosing the right field type helps users answer quickly and reduces validation errors.

Field settings and options

Once field types are chosen, settings determine how those fields behave during submission.

Required
Required fields prevent submission until they’re filled out. For example, a contact form might require an email address so someone can follow up, while making a “Company name” field optional. To reduce friction, mark fields as required only when the information is truly necessary for follow-up.

Placeholder text
Placeholder text can provide short examples or hints, such as “[email protected]” in an email field. Because placeholder text disappears as soon as someone starts typing, it should support a label, not replace it.

Autofocus
Autofocus places the cursor in a field when the page loads. This can be useful on a simple, single-field form, such as a newsletter signup, where you want people to start typing right away. On longer forms, especially on mobile, it can cause unexpected scrolling, so it’s best used sparingly and tested on a published page.

Quick demo → Setting Autofocus automatically places the cursor in an email field when the page loads.

Submit button text and behavior

The submit button communicates intent as much as it triggers submission. Button text should describe the outcome, not just the action. “Request demo,” “Send message,” or “Sign up” sets clearer expectations than a generic “Submit.”

Loading text, such as “Sending…,” reassures users that their submission is being processed and helps prevent repeated clicks.

A submit button’s settings showing button text of ‘Sign Up’ and loading text of ‘Adding to the mailing list…’

Form redirect options

If you leave the Redirect setting set to None, Webflow shows the success message on the same page, and the page doesn't reload.

You also have two redirect options:

  • Page sends the user to another published page on the same Webflow site.
  • URL sends the user to any specific URL you define, whether that’s another site, a subdomain, or a specific page address.
Three redirect options: None, Page, or URL shown in a form block's settings.

If you’re sending form submissions to a third-party tool using an integration or custom embed, any additional redirect behavior would be set up within that tool rather than in Webflow’s form settings.

You got this.

With fields configured, time to look at how people actually experience the form. The next section focuses on form usability and accessibility to support a wider range of users.

No items found.

1

Getting started

Getting started
Getting started
Coming soon

1

What forms are in Webflow
3:00
What forms are in Webflow
Coming soon

1

How submissions work
3:00
How submissions work
Coming soon

2

Design & build forms

Design & build forms
Design & build forms
Coming soon

2

Build & style forms
10:45
Build & style forms
Coming soon

2

Form layout & style
5:00
Form layout & style
Coming soon

2

Fields & settings
4:30
Fields & settings
Coming soon

2

Managing form

Usability & accessibility
5:30
Usability & accessibility
Coming soon

3

Manage submissions & follow-up

Manage submissions & follow-up
Manage submissions & follow-up
Coming soon

3

Managing form submissions
7:12
Managing form submissions
Coming soon

3

Submission storage & review
5:00
Submission storage & review
Coming soon

3

Notifications, spam, & data basics
3:30
Notifications, spam, & data basics
Coming soon

4

Wrap up

Wrap up
Wrap up
Coming soon

4

Forms best practices
3:00
Forms best practices
Coming soon

4

Try it: build a form
15:00
Try it: build a form
Coming soon

4

Extending beyond native forms
3:30
Extending beyond native forms
Coming soon

4

Additional resources
2:00
Additional resources
Coming soon

Course progress

0%

Assessment

Up next

Usability & accessibility

Design forms that are clear, usable, and supportive of different ways people interact.
Complete & continue
Complete course