Disclosure

As an Affiliate Marketer, I earn from qualifying purchases. If you click a product affiliate link on LogoShock Graphics and make a purchase, I may receive a commission at no additional cost to you!

Thursday, June 19, 2014

How to Create A Contact Form In WordPress | Jetpack | Solution


Contact Form configuration and creation, in this video how to configure and activate the contact form component with the plugin Jetpack. No need to search or add a contact form plugin to create contact forms within your WordPress site. Jetpack is installed and updated by default for WordPress.

Creating a contact form with Jetpack

1. Install and activate Jetpack

To begin, you’ll need to install and activate the Jetpack plugin. To do this, head over to your WordPress dashboard and navigate to Plugins → Add New.

In the search bar, type in “Jetpack” and hit enter. Click Install Now.  After the plugin is installed, click Activate.

Lastly, once you’ve activated the plugin, you’ll be prompted to connect it to your WordPress.com account. If you don’t have a WordPress.com account yet, don’t worry — you can create one for free.

2. Create a contact form

Once you have Jetpack installed and activated, creating a contact form is easy. Simply navigate to Pages → Add New in your WordPress dashboard to get started.

If using the Block Editor, you can add a contact form block by clicking on the (+) symbol and selecting it from the list of available blocks. Scrolling down should take you to the section with Jetpack blocks. Or, you can search for it by name. Click Form when you find it. 

list of available Jetpack blocks

From there, you can select the type of form you wish to create, including: 

  • Contact Form 
  • Newsletter Sign-up
  • RSVP Form 
  • Registration Form 
  • Appointment Form 
  • Feedback Form 
types of forms available with icons for each

3. Configure your contact form settings

Now it’s time to configure your contact form settings. Here, you’ll be able to specify which email address you want the form submissions to be sent to, as well as what you want the subject line of the email to be.

To access these options, open the left-hand side List View and click on “Form”: 

Here you can adjust the email address your contact form submissions are sent to, what the email subject line says, and what message someone sees upon submission. You can also choose to send users to a specific URL once they’ve completed their submission. 

4. Choose which fields you want to include in your contact form

The default contact form appears as follows: 

the default contact form

However, you can make adjustments to this. Jetpack includes a variety of default fields, such as name, email, website, and message. 

You can do this by first selecting the form field you’d like to change and then clicking the green icon on the left.

field options in Jetpack contact forms

In the above example, we selected the default name field. You can change this (or any) field to whatever you’d like, including: 

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

To make a field required (or optional), click on it, then select the asterisk.

making a field required in a contact form

To add a field to your form, click the blue + icon at the top left, scroll down to Jetpack blocks, and select the field type. You can then change the order of the form fields by dragging them.

adding a text field to a contact form

5. Preview your contact form

Once you’ve configured your settings, it’s a good idea to preview your contact form to make sure everything looks correct. To do this, simply click on the View button at the top of the page.

previewing the contact form

The next logical step would be to publish your form, but before we discuss that process, let’s first talk about security concerns and some of the more advanced customization options available.

on
Labels: