Create a contact form

Create forms on your site to collect messages, bookings, registrations, feedback, and more. In this guide, you will learn how to create a form that you can add to your site.

To create a new form, follow these steps:

1. Go to your site’s dashboard.
2. Navigate to Jetpack → Forms.
3. Click the Create a form button in the top right.

4. Give the form a name (for example, “Contact us”) and click the Create button. The name appears in the Forms dashboard and helps you tell your forms apart when you have more than one.

5. In the form editor, choose from different pre-built layouts, including Contact Form, RSVP Form, Registration Form, Appointment Form, Feedback Form, or Multistep Form. Or, use the text field to describe the form you want.

6. Add and customize your form fields using the + block inserter inside the form Available field types include name, email, text area, checkbox, radio buttons, dropdown, and file upload.
7. Design your form by changing colors, fonts, and layout from the form’s style settings.

You can control what visitors see after they submit the form. To set the post-submission action, follow these steps:

1. Open List View by clicking the icon that looks like three horizontal lines in the upper-left corner of the editor.
2. Select the Form block in the list.

3. In the block settings sidebar, expand Action after submit.

4. Choose an option:
   • Text: Display a custom message. You can edit the default text, decide whether to show a summary of submitted data, and include a Go back link.
   • Redirect link: Send visitors to another page after submitting.

You receive an email notification each time someone submits a form on your site. You can reply to these emails directly in your email program.

By default, responses are sent to your WordPress.com account email address. To change the email address or add multiple recipients, follow these steps:

1. Open List View by clicking the icon that looks like three horizontal lines in the upper-left corner of the editor.
2. Select the Form block in the list.

3. In the block settings sidebar, expand Form notifications.
4. Confirm the Send responses to email toggle is on.
5. Enter the email address in the Email address to send to field. Separate multiple addresses with commas.
6. Click Save.

You can customize the subject line of the notification emails you receive. In the Form notifications section of the block settings, update the Email Subject Line field.

To include information from the form submission in the subject line, type the field name inside curly braces. For example, if your form has “Name” and “Email” fields, enter {name}; {email} to include those values in the subject. Field names must match the labels on your form and are not case-sensitive.

You can receive push notifications for form responses in your dashboard notifications and your browser. To enable push notifications, follow these steps:

1. Open List View in the editor.
2. Select the Form block in the list.
3. In the block settings sidebar, expand Form notifications.
4. Toggle on Enable notifications for responses.
5. Choose which of your site’s users will receive notifications.
6. Click Save.

By default, forms sent through the Form block are stored under responses in Jetpack → Forms. Storing your responses on your site is especially helpful if messages sent to your email are blocked as spam.

Configure response storage by following these steps:

1. Open List View in the editor.
2. Select the Form block in the list.
3. In the block settings sidebar, expand “Response storage“.
4. Toggle the “Save responses” option off to stop storing your messages. Toggle the “Save responses” on to store responses on your site.

When your form is ready, follow these steps:

1. Click the Publish button in the upper-right corner of the editor.
2. Confirm by clicking Publish again in the panel that appears.

Your form is now saved and available to embed on any page or post.

After you publish your form, you will see the following options:

• Add to a new page: Create a new page with the form already added.
• Add to existing page: Select an existing page to add the form to.
• Copy and add manually: Copy either the WP code or the shortcode to add the form manually.

Once you leave the form editor, you will still be able to add the form to any page. Learn more in our guide on adding a form to a page.

Every form on your site is stored as a form post. When you insert a Form block on a page, WordPress.com creates a form post linked to that block. Edits are designed to stay in sync between the two:

• Changes to the Form block on a page update the form post.
• Changes in the form editor update pages where that form appears.
• The Forms dashboard at Jetpack → Forms shows all your form posts in one place.

Syncing happens automatically when you save. If a form does not appear in the Forms dashboard after inserting it on a page, try opening the page, selecting the Form block, and saving again.