Home » WordPress Tutorials » Customization » How to Add a Contact Form in WordPress

How to Add a Contact Form in WordPress

When you first start to use WordPress, it all may look a bit confusing and difficult. This is why we created a comprehensive WordPress guide that explains everything you need to know about the platform and how to build your first website step by step.

In this article, however, you will read about how to add a contact form to your website. It is separate from the main guide, as not anyone would need such a feature on their site.

 

How to Add a Contact Form in WordPress

The fastest and easiest way so far is by installing a plugin. In this article, you will read how to use a handy one named Contact Form 7. This is one of WordPress’s most popular contact form plugins and is very easy to use.

If you don’t want to use this one, you can install and use a plugin of your choice. The process is similar for all such plugins.

 

Step 1: Install and activate a plugin

Search for a contact form plugin that fits your needs and then install and activate it. For this demonstration, we will use Contact Form 7:

WordPress Contact Form Plugin

 

Step 2: Browse the plugin’s settings

Once you installed and activated the plugin, via the WordPress admin panel open its settings. In the case of Contact Form 7, you can do so by clicking the Contact button in the sidebar. This will open all the plugin’s available options:

WordPress Contact Form Menu

 

Once you click the icon, you will open the plugin’s main settings:

WordPress Contact Form Options

 

Step 3: Create a new contact form

Once the plugin’s settings page is opened, click on the Add New button:

WordPress Add New Contact Form

 

After that, have a look at the options that the plugin offers and think about what you would want to include in your contact form. Contact Form 7 allows you to choose among different settings and options, so you can customize your form precisely the way you wish it to appear to your website visitors:

WordPress Contact Form Personalization

 

For this example, we will include a name, email, and a text field, so our site visitors can ask us various questions and give us suggestions.

Once you have added the elements to your contact form, you can give it a name and save it:

WordPress Contact Form Save Changes

 

Step 4: Add your contact form to your web pages

Once you have created and saved your contact form, open your Contact Form page and notice the Shortcode associated with each individual form:

WordPress Contact Form Shortcode

 

To be able to use any of your forms, you should copy and paste this code into the page where you wish to display the form.

To do so, copy the code and then go to Pages->All Pages:

WordPress All Pages Menu

 

Then select the page that you wish to include this contact form. Once you open the page, paste the code right at the place you wish it to appear:

Add Contact Form shortcode in WordPress webpage

 

Save your changes and open your website.

You should be able to see and use the contact form you just included:

WordPress Contact Form Example

 

What to use the contact forms for?

Contact forms are a great tool to incorporate into your website and business strategy. They allow your visitors and potential customers to get in touch with you and share their thoughts, and ask questions about various topics concerning your organization.

You can also use contact forms for:

  • Build an email marketing list
  • Get user-submitted content
  • Customer support contact
  • Various types of surveys

 

Conclusion

Adding a contact form to your WordPress website is quite an easy and very effective way to engage your site visitors and keep in touch with them.

With only a few clicks, you can include a fully customized contact form in your website and use it to expand your list of site visitors and customers.

Related:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Format Text in WordPress

When you create a post in WordPress, typing down the words is only a part of the job. Once written, you should format the text – separate paragraphs, include subheadings where needed, bold words and phrases, underline others, and include numbering and bullet points at...

How to Fix Error 505 Version Not Supported in WordPress

Error 505 Version Not supported might appear in various situations when working on your WordPress website. This kind of error can be very confusing and can show when least expected. However, the good news is that there are various fixes you can apply right away to get...

How to Fix Error 504 Gateway Timeout in WordPress

Error 504 Gateway Timeout in WordPress can really be annoying for you and your website visitors. The good news is that as with any other 5xx status code errors such as HTTP Error 500, Error 501 Not Implemented, and Error 503 Service Unavailable, the Gateway Timeout...

How to Fix Error 502 Bad Gateway in WordPress

502 Bad Gateway is quite a common error message in WordPress and although it looks like something very serious and technically demanding to fix, there are some quick steps you can undertake to deal with the issue. Just like Error 500 and 501 Not Implemented, Bad...

How to fix Error 501 Not Implemented in WordPress

When working on your WordPress website, you will eventually stumble upon various error codes such as 404 Not Found, Service Unavailable, and Error 500. Your web browser displays such error messages when there’s some issue between the web server and an Internet...

Ready to Create Your Website?