Support Home > Utilities > Jetpack Form Block

Jetpack Form Block

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

Jetpack Blocks require the Block Editor (also referred to as the Gutenberg editor). If you’ve installed the Classic Editor plugin, you will need to switch back to the Block Editor either by:

  • Deactivating the Classic Editor: Go to PluginsInstalled Plugins in your WP Admin and deactivate the Classic Editor plugin.
  • Enabling both editors: If you prefer flexibility, navigate to Settings → Writing in your WP Admin. Set Allow users to switch editors to Yes.

See Using Blocks and the Classic Editor for more details.
It may happen that an editor that comes with a custom theme or plugin prevents you from using the Block Editor. In that case, please contact the respective plugin or theme author for further assistance.

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.

In this video, you can see how to add a dropdown menu to your form:

Leverage AI to build your own form

To use Jetpack’s AI Assistant to construct a form, follow these steps:

  1. 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 AI Assistant 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:

The 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 upgrade options and how to monitor your usage, refer to our detailed Usage limitations and upgrades guide.

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

To set the email address where notifications will go:

  1. Navigate to the Block settings in the right sidebar.
  2. Add an email address or multiple addresses where email notifications will be sent when the form is filled out.
  3. Choose a custom subject line for the email notifications, to be sure you don’t miss them in your inbox.
  4. 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).

View, manage, and export your Form responses

View all the responses sent through your form by going to Feedback > Form Responses in the left sidebar of WP Admin.

Feedback menu with Form Responses submenu.

Manage responses

Form responses are managed much like comments. If a response is spammy, hover over it and click Spam. If you want to delete the form submission, hover over it and click Trash. Or, if legitimate feedback is marked as spam, you can find the message in the Spam section and click Not Spam.

Export your Form responses

Export all the data from your Form responses by:

  1. First, navigate to Feedback > Form Responses in WP Admin.
  2. Filter the data set if you wish to export only certain entries, or skip this step to export all data.
  3. Click Export.
  4. Select CSV File to download a simple .csv file.
  5. Select Google Sheets if you want to export to a Google sheet, following the prompts to connect your Google account.

If your browser does not open a new tab with the Google Sheets file, make sure that pop-ups are allowed for your site. You can also go to your Google Sheets dashboard to find your new file.

Form Integrations

The Jetpack Form Block provides the following integrations:

If Jetpack CRM is not already installed on your site, you can install it directly from your Form Block.

Add a Form Block to a page or post, select it and navigate to the “CRM Connection panel in the Form Block settings, and click the “Install Jetpack CRM” button.

Troubleshoot missing email notifications

Jetpack uses wp_mail() to send out emails, the same function WordPress uses to send you notifications about comments or new users on your site.

First, make sure the wp_mail() function is working by:

  • Leaving a comment on your site and check if you receive an email.
  • Using the Email Logs plugin, which records a log of all e-mails sent out by WordPress. If an email is listed in this plugin’s logs and you do NOT receive it, then the issue is likely either with your server or the recipient’s server.

If you do find problems with the wp_mail() function, use an SMTP plugin to configure your WordPress installation to use a specific email service to send out emails.

Next, if the wp_mail()function appears to be working properly but you are still not receiving email notifications, try the following:

  • Ask your hosting provider to check their server email logs to find out if the emails were blocked.
  • Try sending Jetpack notification emails to another email address.

Still need help?

Please contact support directly. We’re happy to advise.

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.

Data Used
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.
Site Visitors

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 site’s database 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 to provide proper spam defense.
Activity Tracked
Site Owners / Users

We track when and by which user the feature is activated and deactivated and when CSVs or Google Sheets are exported from the Feedback forms page.
Site Visitors

None.
Data Synced (Read More)
Site Owners / Users

We sync a single option that identifies whether the feature is activated.
Site Visitors

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 also synced, as they are stored in post meta.
  • Table Of Contents

  • Contact Us

    Need more help? Feel free to contact us.