The Form block allows you to add a Jetpack-powered contact form to your posts or pages.
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:
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.
After choosing a form, the block will pre-fill with the relevant form fields. Here is an example showing the Contact Form template:
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.
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:
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:
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.
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.
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.
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.
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%).
You can customize the background color and text color for the block. The background color has two options: solid and gradient.
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.
You can also change the border radius of the button:
The button can be 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)
The Submit button alignment can be set by clicking the left, right, or center icons.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
|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 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.
|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.
|Data Synced (Read More)|
|Site Owners / Users|
We sync a single option that identifies whether 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 also synced, as they are stored in post meta.