Blocks

Blocks »Form Block

The form block lets readers get in touch without exposing your email address. You can also use the form block for creating an RSVP form for an event by adding some dropdown or checkbox fields to the form.

Inserting the Form Block
Customizing Your Form
Form Block Settings
Why Do I See My Own Contact Info in the Contact Form?
Feedback Management
Unwanted Feedback and Feedback Spam
Instructions for Classic Editor

This is not a secure method for collecting private information, such as credit card numbers, bank account numbers, usernames, passwords, etc. To collect payments, please use the Pay with PayPal block or a similar payment processing service that securely handles financial transactions.


Inserting the Form Block

Detailed instructions on adding blocks can be found here.

In order to add the block, click on the Inserter icon. Search for the form block and click on it to add it to the post or page.

From the block inserter, the Form block is the one titled only "Form".

You can also type /form and hit enter in a new paragraph block to add one quickly.

When you first add the form block, you will be prompted to select the type of form you want to insert, select the type that suits your needs, or use the skip link at the bottom.

Once you select Form, it shows 5 options with some pre-set fields, or a Skip button on the bottom to create your own.

Once you have inserted your form, you can edit the email address to send to and email subject line using the “Edit form settings” button, or in the editor sidebar:

Under "Email address to send to" you can enter one or more email addresses for form submissions to be sent to.

You can add multiple email recipients by separating them with commas.

If you leave them blank, the notifications will be sent to the author of the post or page using the email associated with their WordPress.com account. If you choose to edit these settings later, you can access them via the form block settings.


↑ Table of Contents ↑

Customizing Your Form

  • The form block is a special kind of block that contains other blocks.
  • Each form field is itself a block within the main form block. These internal form field blocks can be customized and rearranged within the form block.
  • To add a form field to the end of your form, hover over the form block and click the Add Block button that appears below the last field.
The Add Block button to add a new form field displays near the bottom right of the entire Form block.

The form fields you can choose from are:

  • Name
  • Email
  • Website
  • Text
  • Date Picker
  • Telephone
  • Checkbox
  • Checkbox Group
  • Radio
  • Select

These blocks can only be added within a form block. You can also add non-form blocks within your form block, such as an image or text.

If you would like a field to be required — meaning it must be filled in before the form is submitted — select the form field block and select the * button.

For each form field item, you can set it as Required from the toolbar button that displays an asterisk (*).

↑ Table of Contents ↑

Form Block Settings

Every block has specific options in the editor sidebar in addition to the options found in the block toolbar. If you do not see the sidebar, click the ‘cog’ icon next to the Publish button.

Navigate to the block settings in the sidebar from the "cog" icon for the Settings sidebar.

↑ Table of Contents ↑

Form Settings

Under Form settings, you can change the email address the form gets sent to, as well as the subject line of the email that is sent to notify you of a new submission.

To access the settings to add or edit the email address, select the main Form block. To select the block, you can use Block Navigation:

Click into the block, then find the form block in the Block Navigation tool.

Or you can select the parent block in the list along the bottom of your screen:

Click into the form block, then find the parent block along the bottom.

Once you have accessed the Form Settings, you can use the On Submission option to choose what happens when a visitor to your website submits the form. The options are:

  • Show a summary of submitted fields.
  • Show a custom text message that you can write.
  • Redirect to another webpage, which you can use to send people to another page on your site or any other site.
The "On Submission" dropdown option is the last one in the Form Settings section of the sidebar.
Form Settings

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit. Learn more.

Under "Additional CSS Class" you can add a specific class to target with CSS.

↑ Table of Contents ↑

Why Do I See My Own Contact Info in the Contact Form?

If you visit your live site to view your contact form, you may see your contact information is pre-filled in. Only you see this information because you are viewing your site while being logged into your WordPress.com account.

  • Logged-in WordPress.com visitors to your site will see contact forms auto-populated with their own information.
  • Visitors who are not logged in will not see any information automatically filled in.
  • You can test this by logging out of WordPress.com and viewing contact forms – they will appear empty.
  • This feature does not apply to self-hosted sites using Jetpack.

↑ Table of Contents ↑

Feedback Management

In the WP-admin sidebar, Feedback is below Comments.

You can read all messages sent through your form in your feedback management area at My Site(s) → Feedback.

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 click the Not Spam link.

↑ Table of Contents ↑

Unwanted Feedback and Feedback Spam

To protect your form submissions from spam and unwanted content, you can add keywords, usernames, IP addresses, email addresses, and more to the Disallowed Comments section. This section is available from My Site(s) → Settings → Discussion.

Feedback matching the words added to Disallowed Comments would be sent directly to Trash within the Feedback section.


↑ Table of Contents ↑

Tips

  • Add to Pages, Posts, or Widgets – Contact forms can be added to pages or posts, or if you copy the generated code, you can add your contact form to a text widget.
  • One per page – Each post, page, and text widget will only display one contact form.
  • Remember, email is not secure – Do not use contact forms for sensitive information like credit card numbers, as the information will be transmitted by email.
  • Built-in spam filter – We filter submissions through Akismet to fight spam, then add them to your feedback management area, which is accessible to Editors and Administrators on your site. We also email a copy to you.
  • Available on WordPress.org – If you’re running your own copy of WordPress.org, you can use the Jetpack plugin to get the same functionality.
  • Reply back – If you would like to reply back to a contact form submission, you will need to use your own personal email to do so.  You can reply back with a custom email address by creating an account with an email provider listed here.

Pages: 1 2 View All

Not quite what you're looking for?

Get Help