When you first create a WordPress website, one of the essential pages that you need to have ready is the contact page. Whether you’re a blog, a business, or anywhere in between, having a contact page is great for your users to communicate with you and ultimately create a more engaging experience.
Now, some of you might be wondering as to why you would need a contact page in the first place when you can just display your email instead for users to reach out to you.
Here’s the thing, adding a contact page is more than just giving a means for your users to contact you. It’s a way to show your sincerity and also a necessity to grow your blog. In fact, there are a bunch of benefits for having a contact page instead of just using an email address.
Some of those benefits include:
- The ability for your users and readers to communicate with you quickly.
- Keeps your email secure from spammers since you won’t be giving the address away.
- Adding specific subject lines ensures that you always know what the email will be about.
- You can specify the types of information collected by determining the fields you want your users to fill in at the form. This helps reduce any time-consuming back and forth between you and your potential client.
So, now that you know why it’s important to have a contact page, let’s take a look at how to create a simple one for WordPress.
Creating The Contact Form in WordPress
The first step for creating a contact in WordPress is to install a plugin for it. In this article, we’re going to use the WPForms Plugin. Since they offer both free and paid versions, it’s a good choice for you to get started with.
Of course, you can choose to use any other plugin that you want and the steps will generally be the same.
Once you’ve installed the plugin, head to the setup screen, create a name for your form and choose the Simple Contact Form template.
This will create a simple contact form that you can choose to customize. You can add additional fields to your contact form by simply dragging and dropping them from the left hand of the panel to the right.
You can also click on the field itself to make any changes, or click on the form fields and rearrange the order of your contact form by dragging it. Once that’s done, go ahead and click save and continue on to the next step.
Configuring The Contact Form Settings
Here’s where we edit some of the general settings for your contact form. Click on “Settings” and the “General” menu to configure the following parameters.
- Form Name: You can rename the form if you want
- Form Description: You can add a description to your form
- Submit Button Text: You can change or edit what the copy of the submit button
- Enable the anti-spam honeypot feature to prevent spambots from submitting to your form.
- Google reCAPTCHA : You need to register your site with Google before using.
- GDPR compliance: If you’re trying to comply with the GDPR requirements, you can choose to disable the ability to store user’s detail and information such as IP addresses and user agents.
Click save once you’re all done and proceed to the next step!
Configuring The Notification Settings
So, when a user submits a contact form, you’re going to need some form of notification to inform you of that. Under the “Settings” and “Notifications” menu, you can configure the settings such as the email where the notifications will be sent to or the subject line.
Normally, when you first install the plugin, this feature will always be turned on. That way, when someone submits a contact form, you will always get a notification about it via your email.
If you want to the extra mile and have a consistent branding, you can choose to add a custom header to your email template. Here’s a quick guide you can check out.
Configuring The Contact Form Confirmations
After submitting a contact form, a form confirmation is a great way to let your users know that the form they submitted has been processed and gives you a chance to inform on what to do next.
Typically, form confirmations can either be a:
- Message: This will appear once a visitor submits a contact form. It’s usually the default confirmation type for most contact form plugins. You can write a simple message to let the user know that you’ve received their contact form.
- Show Page: If you want to send your users to a specific web page (i.e. to thank them or to direct to hidden content), you can use this confirmation type instead.
- Redirect (Go to URL): You can use this option if you want to send the user to another website.
Now that you know the different types of confirmation that WPForms has to offer, let’s take a look at how to configure and customize the message that your users will see once they submit a form.
First, head to the “Confirmation” tab that’s located in the Form Editor under “Settings”. Next is to select a confirmation type. We’d recommend using the “Message” as it’s easier for beginners.
You can then customize the confirmation message and once you’re done, go ahead and click save. Now, all that’s left is the last step, adding the contact page!.
Adding The Contact Form Page
By now, you should have a contact form page ready to go. All you need to do now is to actually add it to your WordPress website.
While the plugin lets you add a contact form to multiple locations at your website (blog posts, sidebar, etc.), we’re going to focus on the simplest method, which is to add a new page.
What you need to do is create a new post or page in WordPress and then click on the “Add Form” button. Next is to select your contact form in the popup menu and click on “Add Form”.
All that’s left is to publish the post or page and then the contact form will appear on your WordPress website.
Voila! You now have a brand new contact form page on your WordPress website that your visitors can use to contact you.
Having a contact page is useful to create communication between you and your users. If you want to understand your users better, visit our earlier post on how to add Google Analytics to your WordPress.