A Contact Me or Contact Us page is a standard page in every website that allows visitors to get in contact with the website owner.
I recommend you create a contact me page on your WordPress site for three main reasons:
- to legitimate your website in your visitors’ eyes.
- to give your visitors a way to contact you. This also allows other businesses and web masters to get in touch with you for potential partnerships or sponsorships.
- Contact Page helps with SEO, i.e., for Google ranking purposes.
If you followed my previous WordPress guide on Site Structure, you should already have a draft Contact Page created. If you don’t have this yet, you can easily create it by going into your WordPress dashboard and clicking on Pages > Add New.
For this page you can type in one of these titles Contact Page, Contact Us, or Contact Me, or any other variation with the word ‘contact’ in it.
What to include in the Contact Me Page?
The first thing I will do in the Contact Me page is to add the nometa Tag we created previously.
This is a feature we went through in the GeneratePress ‘Display Rules’ explanation.
With the nometa Tag the page hero and author box elements we created for our other content pages will not show up in the Contact Me page.
To do this, in your edit screen, go to the right-side settings sidebar and insert the NOMETA tag under the Tags section.
Now UPDATE your page.
We will now add a paragraph block on the top. Click on the + sign, choose PARAGRAPH block. Now start typing your first sentence.
NOTE: If you don’t find the disable elements option, then you need to adjust the settings of you GeneratePress plugin as I had shown you here.
The first sentence can be something like;
‘Want to get in touch with me? ‘Drop me a message in the box below and I will do my best to reply as soon as possible.’
In my Contact Me Page I do not like to include an email address. Reason being that your email can be abused by scammers, who use bots to spam my inbox.
Instead, I include a Contact Form where people can insert their message and their email address, and I will receive their message in my inbox.
WordPress Contact Forms
To insert a contact form in your WordPress Contact Page you need to install a free plugin called WP Forms.
This is a very popular plugin used by thousands of WordPress site owners.
To install the WordPress Contact Forms Plugin, open your WordPress dashboard in a separate tab or window; click on Plugins > Add New
Search for ‘WP Forms’ and click on INSTALL and then ACTIVATE (remember it’s completely free).
Once it’s activated it should take you directly to the set-up wizard.
Tip: You can find the set-up wizard also in the ‘WP Forms’ option within the WordPress dashboard left-side menu.
In the WP Forms set-up wizard click on the CREATE YOUR FIRST FORM button.
This will take you to the WordPress Contact Forms dashboard where you can select from a multiple of pre-built contact forms.
I will select the Simple Contact Form for my website. Hover over it and click on USE TEMPLATE.
This will take you to the Contact Form layout page. Here you can edit the form by adding more fields or deleting any fields you don’t want to show in your contact page.
Tip: For security reasons, I like to add a CAPTCHA field in my contact form process, so that I don’t get my inbox spammed by internet Bots sending automatic messages. A step-by-step guide on how to add a Captcha can be found below).
Once you’re happy with the Form, click on the SAVE button, at the top right corner.
Embed Contact Form in your ‘Contact Me’ Page
Once you close the Form, you are directed to the WP Forms Menu where you see a list of the all the forms you created.
At this stage we only have the one form.
Next to this form (on the right) you will see a shortcode which is shown as .
This short code will be inserted into our Contact page so that when someone visits this page on your website, the form you just created will show up. COPY this short code.
Now go back to your Contact Me page edit screen, press the enter button after the first sentence we created to create a new block. This time we will be creating a short code block.
In this new block type the word /shortcode and a short code field should come up, (alternatively, click + and choose the short code block).
Now paste the copied short code in this new short code block.
That’s it. You’re done.
Don’t forget to click on the UPDATE button before you leave the edit page (or PUBLISH if it’s the first time you are creating this page).
Now go to your Contact Me Page on a separate tab to see how it looks.
This is how my Contact Me Page Template looks like.
Whenever a visitor uses this contact form to get in touch with you, the form will send the message via email to your inbox. In fact, sometimes these forms are also referred to as an ‘email me’ form.
Email Me Form
The email contact detail where you receive your site visitors’ messages will be the one you have associated with your WordPress account.
Note: You can see which email you have associated with your WP Account by going to your WordPress dashboard and clicking on Users. Here you will see the administrator profile and the email associated to that user profile.
Through the WP Forms plugin, you can easily change the email associated with each Contact Form you create.
Simply click on the Form from the WP dashboard under WP Forms. When the form edit page comes up, click on the SETTINGS tab in the left-hand column and under Send to email address input field, just enter the email contact detail you want to receive the messages at.
Adding CAPTCHA to your WP Forms on WordPress
CAPTCHA is a system that helps computers identify whether a user inputting data in a form is actually a human, as opposed to a bot. This helps block spam attempts to send you messages via the Contact form.
For a more detailed understanding you can read this article from Google.
To add CAPTCHA to your Contact Me form, you need to go to Google’s reCAPTCHA admin console and set up a Captcha account associated with your WordPress site.
This may sound complicated, but it’s extremely easy. So, don’t worry and just follow these steps:
- Go to Google’s reCAPTCHA admin console. If you are already logged into your google account, then the page will automatically identify you.
- On this page input the Label. This is basically a friendly name for you to remember which site this Captcha refers to (just in case you have more than one site using this service). I suggest you include the name of your website here.
- For reCAPTCHA type choose reCAPTCHA v2. Now, from the drop-down option click on I’M NOT A ROBOT tick-box. (With this option, your visitors will need to tick a box which says I’m not a Robot before sending a message).
- Under Domains: Add the full domain name of your website.
- Under Owners: Add your email contact detail.
- Click the tick-box that says Accept the reCAPTCHA Terms of Service
- Click the tick-box that says Send alerts to owners
- Press the SUBMIT button.
Once you submit the information, you will be directed to the next page (as per picture below) which confirms that your CAPTCHA has been registered and associated with your website.
This page will also give you two keys which you will need to input in the WP Forms fields. So don’t close this page just yet.
Next step, go back to your WordPress dashboard and click on WPForms > Settings.
At the top of the settings page, you will see a navigation bar with menus. Click on the CAPTCHA menu item.
In this next section we will decide which CAPTCHA service to go with. I prefer to use Google’s Free reCAPTCHA service.
Click on the logo for reCAPTCHA.
For Type, choose Checkbox reCAPTCHA v2
In the next two fields, i.e., Site Key and Secret Key, you will need to copy the keys that you got from Google’s CAPTCHA page (as per picture above). Paste them in here.
Now click on SAVE SETTINGS and a Preview of how the CAPTCHA will look for your visitors will come up.
If you followed the above steps, your CAPTCHA message will probably be similar to the one below.
When you’re setting up your Form on WP Forms and click on the CAPTCHA option for your form, the following pop-up box should come up notifying you that the CAPTCHA is enabled.
Contact Me Page Done. What’s Next?
So, your Contact Me Page is also done. Your website is now practically complete.
All you need to do now is start populating it with more and more relevant content.
Well Done. You have managed to create a fast, professional looking website all on your own.
The next phase of your journey will include content creation and SEO.
We will start by setting up a system to create good, reliable content that both your visitors and Google will love. This will increase your website’s authority on the topic matter, which in turn will help Google understand better what your website is about.
After launching your first 20 or so articles of content you can then start actively doing some SEO link building techniques.
This is an added SEO strategy that helps your website rank on Google and other search engines. It is not necessary but will help you rank faster.
For a full list of my WordPress Tutorials, please click here. For the next phase of our website building journey, you can go to the Content Creation Module.