Form block

The Form block adds a contact form, booking form, registration form, feedback form, or other type of form to your pages and posts. For a complete guide to creating and managing forms, see Forms.

To add a form to a page or post, follow these steps:

1. Open the page or post in the WordPress Editor.
2. Click the + Block Inserter button.
3. Search for “form” and click Form to add a new Form block to your content.

4. Select how to add a form:
   • Choose a template: Select a layout from the options shown, such as Contact Form, RSVP Form, Registration Form, Appointment Form, Feedback Form, or Multistep Form.
   • Use an existing form: Select a form you already created from the “Or select an existing form” dropdown below the templates.
   • Ask AI: Describe the form you want in the text field to have AI build your form for you.

5. Customize the form fields and adjust settings as needed.
6. Click Publish or Save to save the page.

After inserting the form, you can view the responses you receive from the Forms dashboard.

If your site had forms before the Forms dashboard was available, you can convert them to synced form posts so they appear in the Forms dashboard.

You can use block patterns to add professionally designed form layouts to your site. To insert a premade form layout, follow these steps:

1. Click the + Block Inserter button in the upper-left corner of the editor.
2. Select the Patterns tab.
3. Search for “form” in the search bar.
4. Click a form layout to insert it into the page.
5. Customize the fields as needed.
6. Click Publish or Save.

If you are working outside the block editor, you can add a form using an embed code or shortcode. To add a form without the block editor, follow these steps:

1. Visit your dashboard.
2. Go to Jetpack → Forms.
3. Click the three dots (⋮) next to a form and select:
   • Copy embed: Paste this to embed the form on any page of your site.
   • Copy shortcode: Paste this anywhere on your WordPress site where the block editor is not available, such as the Classic Editor, third-party page builders, or text widgets in classic themes.

After adding a Form block, you can customize its fields, appearance, and behavior:

• Customize form fields: Add, remove, and configure form fields such as text inputs, dropdowns, checkboxes, and file uploads.
• Design your form: Change the form style, colors, fonts, and field widths.
• Choose what happens after submission: Display a confirmation message or redirect visitors to another page.
• Set up email notifications: Control which email address receives form responses.

If your site had forms before the Forms dashboard was available, those forms appear as standalone Form blocks on their pages. You can convert them to synced form posts so they appear in the Forms dashboard. To convert an existing form block, follow these steps:

1. Open the page or post that contains the form.
2. Select the Form block.
3. Click Edit Form in the block toolbar.

The form opens in the form editor and is now a linked form post. Future edits in either the form editor or the block on the page are designed to stay in sync.

Responses submitted before the conversion do not carry over to the new form post. Previous responses are still available in the Responses tab of the Forms dashboard, but they will not appear under the converted form’s individual response view.

Form responses are collected in the Forms dashboard at Jetpack → Forms. From there you can read, search, filter, export, and manage spam for all your forms. See Manage forms and responses for a full walkthrough.