How To Make a Contact Page and Contact Form

Home » Blog » Website Tutorials » How To Make a Contact Page and Contact Form

A contact page with a helpful contact form to allow visitors to send messages is an essential page on any website or blog. Having a contact page makes not only makes it easy for visitors to reach out to you to connect, it also allows business to reach out to you to get in touch for joint venture promotions.

When creating your website, make sure to add a contact page. The ideal URL structure for this page is example.com/contact. When putting a contact page on your website you can link to it from your main menu or your footer menu or both.

What is a contact page?

A contact page is just a dedicated page on your website where you instruct visitors on the various ways to message you. A good contact page should welcome visitors to the website, tell them what to expect when contacting you as well as providing alternative ways to get in touch via a phone number or social media.

In general, a contact page should have an easy to use form as well as the following:

  1. Provide either an email address or a contact form on your contact page.
  2. Contact forms can be created by many WordPress plug-ins.
  3. Be friendly and welcoming and don’t pretend to be busy and overwhelmed with email if you are not.
  4. Filter who can contact you by answering commonly asked questions or providing answers to common questions or link to an FAQ page
  5. Set expectations of conversation. If you’re not going to reply, let the person know that you get a lot of email.

What is a Contact Form?

A contact form is a HTML form that allows a user to input their name, email, subject and message in any easy to use form on your website without having to log into their email client like Gmail. Instead of telling people your email address, a form allows people to send emails to you quickly and easily via a contact form.

What do contact forms look like?

Contact forms can vary in appearance and function but most forms generally look like:

How To Create a Contact Form For Your Contact Page

You have numerous options for creating a contact form with WordPress:

  • Contact Form 7
  • Ninja Forms
  • WP Forms
  • Forminator
  • JetPack
  • Gravity Forms

The most popular options are Contact Form 7, Ninja Forms and WP Forms. For this tutorial, we will be using Contact Form 7. Contact Form 7 is the oldest, most popular contact form plugin. For strictly creating simple contact forms for contact pages, they’re still the best.

Step 1: Install The Contact Form 7 Plugin

Your first step will be to install contact form 7 on your WordPress blog / website:

Once installed you’ll have a new menu item in your WordPress dashboard called “contact” where you can manage all your forms. By default you’ll already have a form pre-made for you and it’s perfect:

Your name, your email, subject, message and a submit button.

Under the form tab is where you can add different fields into your contact form, but the default setup is perfect for a form on your contact page.

Step 2: Setup Your Form To Receive Emails

The last step is to click on the “mail” tab because that is where you can input your own email so when someone uses the contact form, the email gets sent to your email address.

The “To” section is where you input the email where you want messages from your contact form to go.

The “from” email has to be an email from your domain name. It does not even need to be a real email, it can be anything but it has to be @YourWebsite.com.

The “subject” is how emails will appear in your inbox. For example if you used my contact form and the subject was “let’s work together” that email would hit my inbox as WCP Contact Form “let’s work together” – this way it makes it easy to know where your emails are coming from.

Note, make sure to check your spam folder regularly as emails from your form tend to end up there.

Step 3: Setting Up Re-Captcha

This is optional, but I can tell you right now you’re spam folder is going to fill up with spam emails from your contact form. Making it annoying to sift through and find real emails from real people. You can minimize this annoyance by setting up re-captcha so people have to click that “yes I’m human” check box.

To get started simply click on the integration option and then go to setup integration for reCAPTCHA.

Next click on the google.com/recaptcha link. It will take you to Google captcha admin page:

Click the admin console to sign in.

Contact Form 7 ONLY works with reCAPTCHA v3. The latest version protects your form via an algorithm instead of having a box where users would need to manually select “I’m not a robot.”

Once you do everything correctly you’ll get TWO site keys. Simply copy and paste those keys and input them into the integration form:

Benefits of Adding a Contact Form To Your Contact Page

There are numerous benefits to having a properly configured contact form. Let’s review some of the positives right now.

1 – Improved Spam Protection

Spam comes in the form of bot programs than can sort through thousands of websites in a few minutes and then find the various contact forms or email address with ease. Building a list of forms for spammers to send messages to.

Spam is not something you’re ever going to get rid of and it does become more of a problem the larger your website grows. But you can minimize it using a properly configured form with reCAPTCHA.

2 – Get Better Emails

As I mentioned in the beginning, I’ve made thousands of dollars through my contact form. It’s an odd thing to say, but if I did not have a contact page with a contact form I’m simply making it more difficult for business to reach out to me.

As your online presence grows, companies will start to want to work with you because of the reach you’re able to have.

Best WordPress Contact Form Plugins

We’ve established how essential it is to have a contact form and a contact page. Here are some of the best and most popular contact form plugins available today.

1 – WP Forms

WP Forms is a feature rich, drag and drop form editor. I find it to be a bit much for something as simple as a contact form. I also don’t like how the form does not inherit the design of whatever theme you’re using which is one of my favorite things about Contact Form 7.

WP Forms comes with a premium version as well with additional features revolving around accepting payments and integrating with email list providers.

2 – Contact Form 7

Contact Form 7 – The oldest and still one of the best contact form plugins available for WordPress. While lacking in having a fancy drag and drop editor, it’s simplicity is what I love about it. I also like that the form inherits the design of your theme so your form looks great and it integrates with reCAPTCHA.

If all you’re looking to do is create a simple contact form for your contact page then look no further than Contact Form 7.

3 – Ninja Forms

Ninja Forms is similar to WP Forms in that they leverage a drag and drop editor as well as various pre-made templates. I find this plugin a bit too user friendly in that it’s intrusive in a lot of little ways but with the intention of being helpful.

The main deal breaker for me with this plugin is that you CAN NOT change the email address where emails are sent to. It uses your default email you used when installing WordPress.

4 – Gravity Forms (Paid Plugin)

Gravity Forms – The only premium plugin on the list, Gravity Forms is designed for the user who wants to create multiple forms for their website. Not only a contact form. Forms for things like file uploads, client self scheduling, payments, integration with your email list provider and so forth.

5 – JetPack

Jetpack – A lesser known feature provided by the WordPress plugin Jetpack, it comes with simple contact form you can leverage for your website. Jetpack is a WordPress plugin that is developed and maintained by the company that creates and maintains WordPress.

The original goal of Jetpack was to bring over a lot of the beloved features users get when using WordPress.com to the self hosted version of WordPress you get when you self host your own blog and website.

If you’re already using Jetpack and the numerous features and benefits it provides, then consider checking out the contact form feature.

6 – Forminator

Forminator is a plugin that is designed to focus on doing three things really well. Creating contact forms, creating polls and creating quizzes. It provides a drag and drop editor that contain a lot of useful fields and it’s GDPR compliant. If you’re wanting a plugin to create quizzes, opinion polls and contact forms then checkout Forminator.

Create a contact form conclusion

By now you have numerous options for creating a contact for your contact page. All the contact form plugins work much the same way. You install them, set up the form and then copy and paste the shortcode into your contact page and the short code will display the form.

Make sure that whatever contact form plugin you decide to go with that you setup some sort of spam protection with it.

Share? Share!