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.

Requirements

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:

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, Newsletter Sign-up, RSVP Form, Registration Form, Appointment Form, Feedback Form, or Salesforce Lead Form. If you’d prefer to build your own form, you can click Skip.

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

Simple form.

Form Types (Templates)

  • Contact Form: Add a simple contact form to your post or page.
  • Newsletter Sign-up: A simple way to collect contact information from your site visitors.
  • RSVP Form: Add a 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:

Insert block options inside the Form Block.

Form fields

These are the form fields available:

  • Name, Email, Website, Multi-line text, Text, Date Picker, Telephone, Checkbox, Checkbox Group, Radio, and Select.
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.

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.

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

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.

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.

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.

Color options for the form: text and background.
Types of background cover: Gradient or Solid color.
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.

Styles and Background/text color options.

You can also change the border radius of the button:

Submit button border radius and weight.

The button can be filled or outlined:

Submit button styles: filled or outlined.

And you have the option to change the width of the button:

Submit button size.

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

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 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.

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.

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 lend a hand and answer any other questions that you may have.

Privacy Information

This feature is activated by default. It can be deactivated at any time by following this guide.

Data used

Site owners/users

Site visitors

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.

Activity Tracked

Site owners/users

Site visitors

We track when and by which user the feature is activated and deactivated.

None.

Data Synced (Read More)

Site owners/users

Site visitors

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

  • Table Of Contents

  • Categories

  • Contact Us

    Need more help? Feel free to contact us.