One of the most important aspects of your website is allowing your visitors to contact you. Whether that’s by phone or email, you need an easy way for them to connect.
Today, I’m going to show you how to create a contact form in WordPress, in three simple steps.
Let’s get going!
Short on Time / Visual Learner?
No need to read, we created this video that goes over everything in just two minutes!
Otherwise, you can keep reading below!
Step 1: Download Contact Form 7 Plugin
Before we go any further, we need a plugin that does all the hard work for us.
In this case, we’re going to use Contact Form 7. The best part? It’s free and extremely easy to setup.
a. Login to your WordPress website.
b. Hover over Plugins, click ‘Add New’
c. Type in Contact Form 7 in the search field and hit enter. We’ll then see “Contact Form 7”
d. Click “Install Now” and then “Activate”
Now, we’re ready to start using this plugin on your website!
Step 2: Create Your Contact Form
Now that the plugin is installed, we have a new menu item in WordPress:
Go ahead and click the “Contact” menu.
This is where you’ll manage your contact forms in the future.
You’ll notice there’s a form already setup for us.
Click the Contact Form
For the sake of simplicity, let’s focus on two tabs: (1) Form and (2) Mail.
Let’s start with (1) Form:
These are the fields that we’ll be using in our form. This is what the visitor will see on our website.
For instance, in the form that’s already created, we have:
- Email Address
- Your Message
- Submit – this is the button the visitor will click when sending their message
The only change I’d like to make is to remove the “Subject” field since it’s redundant.
Let’s go ahead and remove that (and the surrounding <label> tags) and click “Save.”
Now, click the “Mail” tab.
This is the email template that will be sent to us when a visitor fills out the form.
- To – The email address where we want the form sent. Type in your email address.
- From – Where we want the email to come from. You can leave this as-is.
- Subject – The subject line of the email when it’s sent to you. Feel free to change this to something relevant, as in “Contact from website.”
- Additional Headers – Leave this as-is.
- Message Body – Remove the Subject information as you see in the video below and click “Save.”
Now, we’re ready to place the form on your website!
Step 3: Including the Form on Your Website
If you haven’t saved your Contact Form, do that now by clicking “Save.”
Now, we need to copy the shortcode to your contact form.
Click it (it’ll automatically highlight it) right-click, and click Copy.
Find the page to where you want to add the form. In this case, I’ve created a blank contact page.
Paste the shortcode into your page
Your page now has a contact form!
*Pro Tip! Preventing Spam
Now that you have your contact form ready to go, you should take one more step to help prevent spam.
We’ll create a “honeypot” field which when filled out will prevent the email from being sent to you. To better explain what’s going on, here is a description from the plugin we’ll be installing:
Luckily, to do this, it’s a quick extra step.
Just like before, hover over Plugins and click “Add New.” We’re going to add a plugin called “Contact Form 7 Honeypot.”
Install and activate it
Click Contact and then select the contact form we were working on earlier.
Click the new button labeled “Honeypot.”
A pop-up will appear.
In the Name field, remove the word “honeypot” and replace it with something else like “confirmemail.” This is for security purposes so “spam bots” can’t recognize it.
Click “Insert” and then arrange it after Name or Email, anywhere within the form. Feel free to copy what I did below.
Save your form and we’re done!
That took some time and energy. Pat yourself on the back if you were able to follow everything laid out above.
If you ran into any problems and can’t figure it out on your own (or just don’t want to break anything!), you can hire us to add a contact form for you. We’ll not only create a form like you see above but we’re also capable of creating much more sophisticated forms with logic. The best part? We’ll take care of everything for you!
Give us a call (360) 450-3711 (or email) and we’ll create a form for your WordPress website!