The Form block lets you add a form to your post or page.
Note: this page describes how to use the Form Block when using the Block Editor. You can find instructions on adding the Contact Form on the Classic editor here.
To use the Form block, Jetpack’s Contact Form feature must be enabled. This should be enabled by default, but if it’s not, you can enable it as described here.
Adding the Form block
You can add the Form block to any post or page, by selecting it from the Jetpack section of the block picker:
See our Jetpack Blocks page for more information on adding Jetpack blocks.
As soon as you add a Form block, you can choose from one of the pre-built forms: Contact Form, Newsletter Sign-up, RSVP, Registration, Appointment, or Feedback. Or you can build your own form by clicking Skip.
After choosing a form, the block will pre-fill with relevant fields. Here is an example of the regular email notification form:
After adding a Form block, you can specify where email notifications will be sent when the form is filled out by clicking on the edit icon in the block toolbar. You can enter an email address (or multiple comma-separated addresses), and a subject line.
If you leave them 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.
Customizing Your Form
Each Form block is a special kind of block that contains other nested blocks. Each form field is its own block within the main Form block. These internal form field blocks can be customized and rearranged within the primary Form block.
To add a form field to the end or beginning of your form, you can click on the ‘more options’ icon and choose to insert a block before or after:
The form fields you can choose from are Name, Email, Website, Multi-line text, Text, Date Picker, Telephone, Checkbox, Checkbox group, Radio, and Select.
Note that these sub-blocks can only be added within a Form block.
Within each field block, you can edit the field label(s) and choose whether the field is required or not.
To rearrange the blocks, hover over the block you want to move, then use the up/down arrows to move it up/down one position, or drag it to the desired location using the dragger between the two arrows.
You can also add other non-form blocks within your Form block, if you need to include some text or an image for example.
To customize the Submit button, you can replace the text directly in the button with what you’d like to use instead.
To customize what happens when you submit the form, select the outer Form block to open the Block settings.
If you forgot to enter the email address and subject line for form submission notifications when adding the Form block, or you need to update them, select the Form block and edit the Email Feedback settings in the sidebar.
When adding or editing a form block, you can edit the Confirmation Message settings use to set the action that happens when a user submits a form:
- Display a summary of the form that was just submitted.
- Redirect to a new URL, either on your site or anywhere else.
- Display a custom confirmation message.
You can also customize elements of each individual form field. To do so, click on the field. In the toolbar, you’ll see an option to mark the field as required or not, and also to modify the width. You’ll also see a brief explanation of the field itself. Here is the ‘message field’ options:
If you select the submit (or contact) button field, you will see block toolbar options change the color of the button and the button text.
The Jetpack Form Block provides the following integrations:
If you’re having any trouble with the Form block, please contact support for help.
This feature is activated by default. While there are no controls for it within the primary Jetpack settings area, it can be deactivated any time by following this guide.
More information about the data usage on your site
|Site Owners / Users
For activity tracking (detailed below): IP address, WordPress.com user ID, WordPress.com username, WordPress.com-connected site ID and URL, Jetpack version, user agent, visiting URL, referring URL, timestamp of event, browser language, country code.
If Akismet is enabled on the site, the contact form submission data (IP address, user agent, email address, site URL, and comment) is submitted to the Akismet service (also owned by Automattic) for spam checking.The actual submission data is stored in the database of the site on which it was submitted and is emailed directly to the owner of the form (i.e. the site author who published the page on which the contact form resides). This email will include the submitter’s IP address, timestamp, name, email address, website, and message.
The IP address is included as an abuse prevention measure. And for sites using Akismet, it is required for providing proper spam defense.
|Site Owners / Users
We track when, and by which user, the feature is activated and deactivated.
|Data Synced (Read More)|
|Site Owners / Users
We sync a single option that identifies whether or not the feature is activated.
We sync post and post meta data associated with a user’s contact form submission. If Akismet is enabled on the site, the IP address and user agent originally submitted with the comment are synced, as well, as they are stored in post meta.