Support Home > Utilities > Form Block

Form Block

The Form block allows you to add a Jetpack-powered contact form to your posts or pages.

If you’re using the Classic Editor, check out the guide here instead. For general features and FAQs, please check out this page.

Jetpack’s Contact Form feature must be enabled to use the Form block. This feature should be enabled by default, but if it’s not, you can enable it by following the steps here.

Adding the Form Block

You can add the Form block to any post or page by searching for and selecting it in the block selector:

Click the "Plus" button and type form in the search field. You will see a Form block in green color matching Jetpack brand color.
Finding the Form block in the block selector.

See our Jetpack Blocks page for more information about adding Jetpack blocks.

Once you add a Form block, you have the option to choose from one of the pre-built forms: Contact Form, Lead capture, RSVP Form, Registration Form, Appointment Form, Feedback Form, or Salesforce Lead Form.

If you’d prefer to build your own form, you can:

  • Choose one of the existing pre-built forms as a starting point, then remove and add form fields depending on your use case.
  • Use Jetpack AI Assitant to create a form based on your prompt (for instance, “Create a registration form that collects names, emails, and phone numbers”). Check the Creating and Editing Forms with AI section for more details about this feature.
Form block provides a list of form templates: Contact Form, Lead capture ,RSVP Form, Registration Form, Appointment Form, Feedback Form, Salesforce Lead Form. You can also explore from patterns.

After choosing a form, the block will pre-fill with the relevant form fields. Here is an example showing the Contact Form template:

Default contact form with required Name and Email Fields, Message field and Contact us button.
Simple form.

Creating and Editing Forms with AI

AI Assistant can be found in the Form Block toolbar. It’s also available from the toolbar of any form field block added to the Form Block. The AI Assistant button is represented by the Sparkles icon.

In order to activate the AI assistance, click the AI Assistant button (Sparkles icon). You will see a new field prompting you to Ask Jetpack AI to create your form.

You will find the AI Assistant button (Sparkles icon) in the Form Block toolbar.

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. This works whether the form was initially created with AI or from a pre-built preset.

Here are some examples of prompts that you could use to edit a form:

  • 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:

Usage Limitations

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

Jetpack AI Assistant is currently available for free up to 20 requests. Exceeding this number will trigger a message: “Congratulations on exploring Jetpack AI and reaching the free requests limit! Upgrade now to keep using it.” You will be prompted to upgrade to a paid subscription to keep using the feature.

You can upgrade anytime by navigating to Jetpack -> My Jetpack in your WP Admin. You will find a Purchase button in the Jetpack AI section.

Form Types (Templates)

  • Contact Form: Add a simple contact form to your post or page.
  • Lead Capture (formerly Newsletter Sign-up): A simple way to collect contact information from your site visitors.
  • RSVP Form: Add an RSVP form to your site, allowing your visitors to confirm their presence at an upcoming event.
  • Registration Form: Allow your visitors to register for a membership, club, group, etc.
  • Appointment Form: Add a form where you can select a preferred appointment time and date.
  • Feedback Form: Add a form to your site to collect your visitors’ feedback.
  • Salesforce Lead Form: Select this option to send your form submissions directly to Salesforce.

Customizing Your Form

The Form Block is a special block which 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. Forms can also be customized using the block settings (described here) or advanced filters (described here).

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:

Click the vertical three dots icon to see Insert Before and Insert After options.
Insert block options inside the Form Block.

Form fields

These are the form fields available:

  • Text Input, Name, Email, URL, Date Picker, Phone Number, Multi-line Text, Multiple Choice (Checkbox), Single Choice (Radio), Dropdown, Terms Consent and Checkbox.
Click one of the form fields to list all available form fields: Text Input Field, Name Field, Email Field, URL Field, Date Picker, Phone Number Field, Multi-line Text Field, Multiple Choice (Checkbox), Single Choice (Radio), Dropdown Field, Terms Consent, and Checkbox.
Form fields available for customization.

Note that these form fields 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 with the “*” button. You can also ask AI to make a given field required or not. To do so, click the AI Assistant button (Sparkles icon) in the block toolbar and write your prompt; for instance: “Make the phone number field optional.”

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 by using the drag and drop tool between the two arrows.

You can also ask the AI assistant to rearrange the blocks. Click the AI Assistant button (Sparkles icon) in the block toolbar and write your prompt; for instance: “Order the fields: email, name, phone number“.

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

You can also ask AI to add a dropdown for you. Click the AI Assistant button (Sparkles icon) in the block toolbar and write your prompt; for instance: “Add a T-shirt size field as a dropdown with sizes from XS to XXL.” Note that AI is able to populate the dropdown options for you.

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.

Block settings

After adding a Form Block, you can specify where email notifications will be sent when the form is filled out.

Select Block on the right sidebar to open the Block Settings to customize what happens when you submit the form.

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.

In the Block settings you can set Email address and Email subject line.
Set up the email and subject line for your form response notifications.

Confirmation message

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

  • Show a summary of submitted fields: Display the information that was just submitted.
  • Show a custom text message: Display a custom confirmation message.
  • Redirect to another webpage: Redirect to a new URL, either on your site or anywhere else.
Confirmation message section of the form block.
Confirmation message options.

Individual form field settings

You can also customize the settings for each individual form field. To do so, click on the field.

In the toolbar on the right, you’ll see the option to mark the field as required. You can also modify the width of the form field (available values are 25%, 50%, 75% and 100%).

Individual field settings allow you to choose if field is required and choose field width (available values are 25%, 50% 75% or 100%)
Options for each form field.

Color Settings

You can customize the background color and text color for the block. The background color has two options: solid and gradient.

Under Text color setting, you will find presets defined by your theme, you can also set a custom color in HEX format.
Color options for the form: text and background.
Under Background color setting, you will find presets defined by your theme, you can also set a custom color in HEX format. Additionally you can choose Gradient background.
Types of background cover: Gradient or Solid color.
Greadient setting provides default preset. You can also define your color stops, choose type of the gradient and angle.
Gradient background color options.

Submit button

If you select the submit button, you can change the options that control the color of the button and the button text.

The background color has two options: solid and gradient. The text has only the solid color option.

The Styles settings include Fill and Outline, colors, border settings and width settings.
Styles and Background/text color options.

You can also change the border radius of the button:

Border settings include border radius and weight, you can use sliders or enter numeric values.
Submit button border radius and weight.

The button can be filled or outlined:

For Button styles choose between Fill and Outline.
Submit button styles: filled or outlined.

And you have the option to change the width of the button (button width can be set to 25%, 50%, 75%, 100%, or a custom value in pixels)

Button width can be set to 25%, 50%, 75%, 100% or a custom value in PX.
Submit button size.

The Submit button alignment can be set by clicking the left, right, or center icons.

Button alignment can be set to none, left,  center or right.
Submit button: horizontal alignment

Finding Your Form Responses

You will be notified via email whenever someone sends a response through your form.

You can also check 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.

Feedback is managed much like comments. If feedback is spammy, hover over it and click Spam. If you want to delete feedback, 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.

Example of form entries shown From, Source, Date and Response Data.

Exporting Your Form Responses

Need to export your data? No problem. You can export your form responses to Google Sheets, or you can download them in .csv format.

First, navigate to Feedback > Form Responses in WP Admin.

Feedback menu with Form Responses submenu.

If you want to export only a subset of your form responses, filter the data table first. Otherwise, you can skip this step if you want to export all your data.

Export button is displayed with Bulk actions and filters at the top of the Form Responses page.

Then click Export at the top of the Form Responses table. A window will appear where you can choose the option to export to .csv or Google Sheets.

Export your From Responses allows you to download a CSV file or export to Google Sheets.

Exporting to Google Sheets

In order to export your submissions to Google Sheets, you need to be connected to Google Drive.

If you are already connected to Google Drive, click Export and a new tab in your browser will open with a Google Sheet file containing your exported response data.

If you are not yet connected to Google Drive, click Connect Google Drive.

Export your From Responses allows you to download a CSV file or export to Google Sheets.

You will be redirected to the Connections page. Find Google Drive and click Connect. A new window will appear guiding you through the authentication process with Google.

Google Drive Connection in Marketing and Integration in your WordPress.com account.

Once your account is connected to Google Drive, go back WP Admin > Feedback > Form Responses and refresh the page. 

Click Export again and you should now see the option for exporting to Google Sheets.

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 Integration” panel in the Form Block settings, and click the “Install Jetpack CRM” button.

Block settings include CRM Integration with a Install Jetpack CRM button.
Install Jetpack CRM directly from your Form Block options.

Frequently Asked Questions

I’m not receiving notification emails about my form submissions!

Jetpack, like other contact form plugins, uses wp_mail() to send out emails. It’s the same function WordPress uses to send you to comment notifications or notifications about new users registering on your site.

You can check if that function works properly by leaving a comment on your site and checking if you receive an email. Another alternative would be to use the Email Logs plugin. This plugin records a log of all e-mails sent out by WordPress once it is activated. 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 find issues with that function, you could use an SMTP plugin to configure your WordPress installation to use a specific email service to send out emails.

If the function appears to be working properly, Jetpack’s emails are being filtered out before they can reach your inbox. A few possibilities:

  • Your server can filter them out before they are even sent out. Your hosting provider should be able to check their server email logs to find out if the emails were blocked.
  • They can be filtered out by your email provider. If you don’t find the emails in your spam folder, you’ll want to try sending out Jetpack emails to another email address and see if you keep experiencing issues.

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

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.