Jetpack Form Block

Capture contacts, leads, and questions from your posts and pages, with the power of Jetpack Forms.

Jetpack’s Contact Form feature is enabled by default. If you ever need to, you can enable Jetpack forms by following the steps here.

If you’re using the Classic Editor, please see Contact Form (Classic Editor).

Add a Jetpack Form

The Form block is available on all Jetpack-connected sites and is free to use. To add a Form to any post or page, follow these steps:

1. Select it from the block selector OR Type /form on your post or page
2. Choose from a pre-built form template: Contact Form, RSVP Form, Registration Form, Appointment Form, Feedback Form, Lead capture, or Salesforce Lead Form.
3. Remove and add form fields depending on your use case, by clicking on the 3-dots menu in each field’s toolbar.
4. Move each form field up or down, using the arrows in the field’s toolbar.
5. Make fields required or not required by toggling the * setting.
6. To customize the Submit button, you can directly replace the text in the button with what you’d like to use instead.

Form fields available inside the Jetpack Form Block

The Form block has several blocks that add fields to your form. Available form fields include:

• Text Input Field: Provides a single-line input for short text responses.
• Multi-line Text Field: Provides a multi-line text area for longer messages or descriptions.
• Number Input Field: Provides a single-line input for numerical values.
• Name Field: Captures the name of the visitor and appears as a single-line text input.
• Email Field: Captures a user email. It requires users to enter a valid email address, making it useful for responding to inquiries.
• Website Field: Provides a single-line input for website URL, which is useful for collecting business or blog links.
• Date Picker: Allows users to pick a date from a calendar, making it useful for appointment scheduling.
• Phone Number Field: Captures phone numbers for direct communication. Phone fields in form responses are clickable. On supported devices, this allows you to initiate a call or open your default phone application directly.
• Multiple Choice (Checkbox): Allows users to select one or more options.
• Single Choice (Radio): Enables users to select one option from a predefined list.
• Dropdown Field: Presents a list of options in a drop-down menu, useful for structured responses with multiple choices.
• Terms Consent: Helps ensure compliance by requiring users to agree to terms before submission.
• Custom HTML Field: Allows site owners to insert custom HTML within the form. This can be used for adding custom formatting, embedded content, or additional form elements that are not natively available.

HTML tags limitations

Not all HTML tags are allowed in the form block for security reasons. These are some of the tags that are not allowed: 

• header
• embed
• frame
• iframe
• form
• input
• object
• textarea
• script
• style
• link

Leverage Jetpack AI to build your own form

Jetpack AI-powered functionality of the Form Blocks is a part of Jetpack AI Assistant suite.

Jetpack AI offers you 20 free requests to get started. For more information about upgrading, please refer to our detailed Usage limitations and upgrades guide.

How use Jetpack AI to construct a form

1. In your form block, find the field that says Ask Jetpack AI to create your form. (Click on the Sparkles ✨ icon in the block toolbar if you don’t see it).
2. Write a brief description of the information you want to collect.
3. Click Generate.

The Form block will now pre-fill with the relevant form fields.

Here are examples of prompts that you could use to create your form:

• Add a registration form that collects name, email, and phone number.
• Create a form with name and email, also, ask for the T-shirt size from S to XXL.

You can also use Jetpack AI to edit an existing form, whether the form was initially created with AI or from a template. For example:

• Add a block to collect feedback with options from bad to great.
• Move the phone number field before the email field.
• Make all fields required.

In this video, you can see the Jetpack AI form integration in action:

Adjust Block settings

After adding a Form block, you can specify manage what happens when someone fills out the form:

Choose where to be notified

The default email address used by a Jetpack Form is the site administrator’s email address (set on WP Admin → Settings → General → Administration Email Address).

To change or update the email address for a form, follow these steps:

1. On your page editor, after you added a form, navigate to the Block settings in the right sidebar.
2. Open the Email connection tab.
3. Add an email address, or replace the current email address with a new one. You can add multiple addresses by separating them with a comma ,.
4. Choose a custom subject line for the email notifications to be sure you don’t miss them in your inbox.
5. If you leave the fields blank, the notifications will be sent to the author of the post or page, and the subject line will be the post or page title.

Submission settings

The Confirmation Message setting controls what the user sees after they submit the form. The options are:

• Show a summary of submitted fields, with a customizable message heading.
• Show a custom text message.
• Redirect to another webpage.

Individual form field settings

You can also customize the settings for each individual form field. To do so, click on the field. You will see options to:

• Mark the field as required
• Modify the width of the form field (available values are 25%, 50%, 75% and 100%)
• Change the background color (solid or gradient) and text color

Customize the submit button

You can change the following settings for the submit button:

• Button text
• Color of the button (solid or gradient)
• Color of the text
• Border radius
• Width of the button (25%, 50%, 75%, 100%, or a custom value in pixels)
• Button alignment (left, right, or center justification)

Customize the subject field in notification emails

Jetpack offers an option to change the subject of the email sent to you after each form submission. You can add tokens to the subject field, like {city}, and Jetpack will replace the token with the value of the “City” form field (case insensitive, just make sure that the words match).

Managing contact forms and integrations

After publishing your Jetpack form, you’ll be able to review and manage submissions right inside your WP Admin. Just head to Jetpack → Forms → Responses in the left-hand menu.

Learn more how to view, handle, and export your form responses, as well as managing all the available integrations on this dedicated support page.

Multistep Forms block

You can use Multistep Forms to split a long form into smaller, manageable sections, guiding visitors through each step one at a time instead of displaying all the fields at once.

You can head to its dedicated support page to read more about how to set it up and customize it.

Privacy Information

The Form Block is activated by default. It can be deactivated/reactivated at any time by following the guide to control Jetpack features on one page.