Contact form settings WordPress

You can edit email templates very flexibly. Not only the message body, but you can also edit message header fields as well. You can even use HTML in a message if needed.

You can edit the email template in the Mail tab panel.

Contact form settings WordPress
Mail tab panel

To field

Set the recipient email address here. You can use in this field.

Specify values in the valid mailbox syntax, or you’ll get a configuration error.

From field

Set the sender email address here. You can use in this field.

This field value should be an email address that belongs to the same domain as the web site. Otherwise you’ll get a configuration error.

Subject field

Set the subject of the message here. You can use in this field.

Additional headers

You can insert additional message header fields here, such as Cc and Bcc. There should be one field per line. You can embed anywhere in these fields.

Message body

This is the message body; you can embed anywhere in this field.

If you select the Exclude lines with blank mail-tags from output checkbox, lines including mail-tags that have empty values will be excluded from the message body of the actual email output.

By default, plain text is used for the message body. To , select the Use HTML content type checkbox.

File attachments

If you attach uploaded files to this email, put for the uploaded files into the File attachments field. You can also attach files from the server ().

Mail (2)

Mail (2) is an additional mail template. It is often used as an autoresponder, but you can use it for any purpose. Mail (2) is sent only when the primary Mail has been sent successfully.

The Form block lets readers get in touch with you through your website. Use the Form block to add many types of forms, including a contact form, appointment booking form, event registration form, feedback form, and more!

If you want your visitors to subscribe to your site or sign up for a newsletter, you’ll want to use a Subscribe block or follow our instructions for creating a newsletter.

Table of Contents

Video Tutorial

Add the Form Block

To add the Form block, click on the + Block Inserter icon and search for “Form”. Click it to add it to the post or page.

For more, visit our detailed instructions on adding blocks.

Contact form settings WordPress

💡

Using your keyboard, you can also type /form on a new line and press enter to quickly add a new Form block.

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 most closely suits your needs. You will be able to edit the form fields after you’ve added the Form block.

Contact form settings WordPress

💡

If you wish to add a subscription form, use the Subscribe block instead. Learn about Subscribe block here.

Once you have selected the type of form, check the settings on the right to configure a few key settings:

  • Email address to send notifications to ()
  • Email subject line ()
  • What happens when someone submits the form ()

If you are happy with the form, click Publish or Update to make the changes live (the Form block will not work while the page is an unpublished draft.) Alternatively, read on to learn how to further before publishing.

Customize Your Form

You can control and customize exactly which fields are shown in your form. When you first add the Form block, you will see a few form fields such as Name and Email to start with.

To add a new form field, click the + Block Inserter icon that appears below the last field as shown here:

Contact form settings WordPress

Click Browse All and scroll down to see all the form fields you can choose from:

  • Name
  • Email
  • Website
  • Text
  • Date Picker
  • Message

  • Phone Number
  • Checkbox
  • Checkbox Group
  • Consent
  • Radio
  • Select

You can also add other blocks not specific to forms, such as an image or text.

Field Settings

Once you have added all the fields you wish to have in your form, you can click on any form field to make further changes, including:

  • Move it up or down using the arrow buttons.
  • Make a field required — meaning it must be filled in before the form is submitted. You can make a form field required by clicking the * button or toggling the Field is required button in the right sidebar.
Contact form settings WordPress
Field Settings in the Form block

You may also adjust the width of the field using the Field Width settings on the right. If you set two consecutive fields to 50% width, they will appear on a single line.

Form Block Settings

When you click the block, you will find additional block settings in the right sidebar. If you do not see the sidebar, you may need to click the Settings icon in the top right corner to bring up the settings. This icon looks like a square with two uneven columns.

Contact form settings WordPress
Click the Settings icon to open the block settings

Change the Email Address Messages Are Sent To

By default, the messages will be sent to the same email address that you have set in your account settings. If you wish to change the email address the form messages are sent to, follow these steps:

  1. Click on the List View button at the top left of the screen (it looks like three horizontal lines). This is marked with a 1 in the image on the right.
  2. Select the Form (as marked with a 2 in the image on the right.)
  3. On the right side of your screen, the Form Settings will show a box labeled Email address to send to. Type your email address here.
    • You can add multiple email recipients by separating them with commas.
  4. You can press Update when you’re done to save your changes.

Contact form settings WordPress

Email Subject Line

You can use this setting to set the subject line of the emails you receive each time someone sends you a message through your form.

On Submission

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

When someone sends a message using your form, the text “Message Sent” will appear. Using the Message Heading section, you can customize this text.

Contact form settings WordPress

See All Messages

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

You can also read all messages sent through your form in your account by going to Feedback in the left sidebar of your site dashboard.

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

Contact form settings WordPress

Unwanted Messages and Spam

Akismet is our built-in spam filter. This feature is automatically active on your site. If spam gets through our filter, you can flag feedback from the Form block as spam.

  1. Go to Feedback → Form Responses in your WordPress.com dashboard.
  2. Locate the form response and hover over the sender’s name.
  3. Click Spam to report the form response as spam.

Contact form settings WordPress

Additionally, to protect your form submissions from spam and unwanted content, you can add keywords, usernames, IP addresses, email addresses, and more to the section. This section is available from Settings → Discussion.

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

You can install a CAPTCHA plugin if you have a plugin-enabled site. Make sure the plugin you choose is compatible with Jetpack forms. Or, if you choose to use a contact form plugin instead of our Form block, the CAPTCHA functionality is compatible with the form you are using.

Tips

  • This method is not secure: A form is not a secure method for collecting private information, such as credit card numbers, bank account numbers, usernames, passwords, etc. because the information is transmitted via email. To collect payments, use the Payments block or a similar payment processing service that securely handles financial transactions.
  • Built-in spam filter: We filter submissions through Akismet to fight spam, then add them to your 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 this 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.

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.

How do I fix a contact form in WordPress?

To do this, you'll need to go to your site's Settings page and look for the “Contact Forms” section. There, you'll need to make sure that the “Enabled” checkbox is checked and that the form's email address is correct. You can also customize the form's appearance by editing its configuration file.

How to configure contact form 7 in WordPress?

Log in to the WordPress Admin Dashboard, go to Plugins → Add New and then type “Contact Form 7” in the search box. Once find, install and activate the plugin by clicking on Install → Activate. To display a form, open Contact → Contact Forms at your WordPress dashboard. You can manage multiple forms from this location.

How do I customize a contact form in WordPress?

In the left-hand admin panel, click Contact Style and select the Add New option. The Contact Form 7 Style plugin page has a very detailed demo video on how to style a form. You can change the margins, background color, border color, button color, text box color, and much more.