Adding a contact form transforms your WordPress website into a more interactive and engaging platform. A well-designed contact form is essential to capture and address enquiries and get useful feedback. Contact form acts as a bridge between the website user and business or website owner.

We can install Contact Form in WordPress using different methods. Many WordPress contact form plugins are available. In this tutorial we are going to see two different methods. One uses Spectra, a very fast and simple to use plugin which has many powerful building blocks for various functions. The other method uses WPForms which is one of the most popular form builder plugin with lot of advanced features.

Both are great plugins which allow you to create contact forms with just a few clicks. Though both have premium versions for advanced users, free versions are more than enough for the usual simple contact forms. We are demonstrating the free versions here. You will learn both of these plugins after reading this tutorial and can use the one which you like or suits your requirements.

Spectra is a website builder plugin which extends the WordPress block editor. It is a very easy to use website builder developed by Brainstorm Force, the creators of Popular WordPress theme Astra.

Disclosure: This post contains affiliate links. If you make a purchase by clicking one, sometimes we earn a commission, at no extra cost to you. Thank You !

Spectra allows you to design websites using the default WordPress block editor. Spectra includes lot of essential WordPress blocks with powerful features. With Spectra’s form blocks you can create interactive forms with security features like reCaptcha very easily.

To install Spectra plugin, go to WordPress dashboard. First Click Plugin and then Add New Plugin as shown below.

In the page which appears, type spectra in the search box on the right side as shown below. Then you see the Spectra- WordPress Gutenberg Blocks plugin in the search results.

Click Install Now button as marked. Then the plugin will be installed.

After installing Spectra plugin you have to activate the it. Click Activate button as shown.

Now you have to create a new WordPress page in which you create a contact form.

In the WordPress dashboard, click Pages >> Add New Page as shown below.

A new blank page will be created. Give your new page suitable a title like Contact or Contact Us as shown in the following image.

Click on the “+” sign and then Browse all as shown below.

You will see all the available WordPress blocks on the left side as shown below. Type form in the search box.

You will see the Spectra Form block in blue color as shown. Click on this block to add it to your Contact page.

Now select a layout or template for the contact form. Click Simple Contact Form.

Now the Spectra Form block is added to the Contact page as shown below. Next step is to customize the WordPress contact form settings.

If you click on the Form block you can see the blocks settings on the right side.

You can customize the Success Message Text and Error Message Text in the General tab of the form block’s settings as shown above.

You can select one of the preset button styles as shown below, if you are not happy with the default button.

Click and expand the Actions section as shown above and type the Email Address to which you want to receive the contact form submissions. In this section you can customize the Subject Line of the email also.

If you want you can enable Google reCAPTCHA which is a free service from Google that helps to protect your website from spams and abuse.

In the Styles tab of the Form block’s settings, you can customize the color and typography of the Submit button as above.

After doing all the desired customizations, publish the Contact page by clicking the Publish button as shown below.

Now view the published page which is shown in the left part of the following image.

To test your WordPress contact form, type the First Name , Last Name, Email, Message and click Submit button. If the form is working correctly, you will see the success message as shown in the right part of the following image. Otherwise you will see the error message.

Check your email. If the form submission was successful, you will see a new email with the contents of the form.

WPForms is one of the most popular WordPress contact form plugins. This is a specialized plugin to build contact forms of different types with security features like Google reCAPTCHA. The WPForms is very much beginner friendly which has different pre built templates and you can build beautiful forms very easily.

Go to WordPress dashboard. Then Plugins>> Add New Plugin as discussed in the previous section while installing Spectra plugin.

The following page will appear. Type wp form in the search box on the right side as shown below. Now you see the Contact Form by WPForms plugin among the search results as shown.

Click Install Now button as shown above. Then click Activate button as below.

Now we have to create a new contact form using WPForms plugin which you have installed and activated in the previous step.

Go to WordPress dashboard. Place cursor above WPForms and then click on All Forms as marked in the following image on the left side. Then click Add New button as seen on the right side and follow instructions to continue to create your first contact form.

Type a name for your contact form as shown below. Then select a template for the contact form. Select the Simple Contact Form and click the button Use Template.

Now the following screen will appear.

We are in the Settings>>Notifications section of WPForms and customizing the contact form in this step. Type the Email address to which the form submissions should be sent. Edit the Email Subject Line, From Name etc.

Go to the Settings>> Confirmations. Customize the Confirmation Message as you want. If you want you can edit the form fields, enable Google reCAPTCHA etc. Save the changes after making the required customizations.

Close the form creator. Now you reach the WPForms>> All Forms section in the WordPress dashboard where you can see all your forms listed as below. Here you can see the shortcode also incase you want to embed the form using shortcode in a widget etc.

In this step, create a new WordPress page and add a WPForms block.

In the WordPress dashboard, click Pages >> Add New Page as shown in the first section.

A new blank page will be created. Type a page title like Contact or Contact Us and click the “+” sign to add a new WordPress block. The process is similar to what was shown earlier.

In the search box type wpforms to find the WPForms form block. In the search results click on the WPForms block as shown in the following image on the left side.

Now a WPForms block is added to your Contact Us page as shown below. Click on the Select a Form dropdown. You will see all the forms you created in the dropdown list. Select the form you wanted to add in this page. Here you see only one form name since you have made only one form.

Now you can see that the contact form which you created earlier is embedded in your Contact Us page as shown below.

If you want you can make some style customizations in the styles section of the block settings on the right side.

Now publish your Contact Us page by clicking the Publish button as shown above.

Now view the published page which is shown in the left part of the following image.

To test your WordPress contact form, type the First name , Last name, Email, Message and click Submit button. If the form is working correctly, you will see the success message as shown in the right part of the following image.

Check your email. If the form submission was successful, you will see a new email with the contents of the form.