Add different field types to a native form

Framer forms support multiple field types beyond basic text inputs, all added directly from the canvas.

Add a field to a form

Field types are added from the canvas. To add a new field type, follow these steps.

1. Select the Form layer on the canvas.

2. Click the “+” icon in the bottom toolbar.

3. Choose a field type to add it to the form.

The new field automatically inherits the form’s styling, ensuring visual consistency.

Available field types

When you open the “+” menu, you can add:

• Text: Single-line input (for example, name or subject)

• Checkbox: On/off toggle for consent or agreements

• Radio: Set of mutually exclusive options

• Select: Dropdown with predefined options

If you remove the Submit button, you can re-add it from this same menu.

Configuring a field

After adding a field, select it and use the properties panel on the right to adjust its settings. You can:

• Set the field name used in submissions (email, Google Sheets, or webhooks)

• Mark the field as required

• Add placeholder text or default values

• Define options for select and radio fields

• Set the default checked state for checkboxes

Common use cases

Different field types help structure form responses more clearly:

• Newsletter consent: Add a checkbox such as “I’d like to receive the newsletter.” Submissions include a true or false value.

• Terms and conditions: Add a required checkbox to ensure users agree before submitting.

• Contact reason: Use a select or radio group to categorize requests (for example, Support, Sales, or Other).