How to Create a Contact Form in WordPress – Step by Step in 2022
Last Updated on 18th July 2022 by Ajmer Singh
Looking to create a contact form on your WordPress website?
Great, because today we are going to share the process of creating a contact form in WordPress step by step.
No coding is required, a single plugin can do all the stuff.
Contact forms are necessary and important part of the website. To engage with the audience, your website visitors etc.
So, not wasting your time, let’s start
How to create a contact form in WordPress?
To create a contact form without any technical knowledge, we are going to use the Formidable Forms plugin.
You can use other plugins also, all have come with almost the same features.
Check our list of best contact form plugins.
First of all, you need to login into your admin dashboard, then click on plugins – add new – search for Formidable Forms.
Install the plugin and then activate it.
Having issues, check our guide – How To Add Plugins To WordPress Properly
After installation, hover over to formidable forms and click.
On the left tab, you see some options,
- Forms (lite)
- Global settings
To not confuse you, we will start one by one
Here, you can create/add a new contact form or import saved files in CSV or XML format only.
But you are here to create a new contact form so click on add new,
I already created a form, so for better understanding, I will create another one by clicking add new.
(By the way, you can create multiple forms using this plugin)
After clicking add new, you will see a new tab where you are being asked to select a format for your form.
- Blank form
- Contact Us
- User Registration (Premium)
- Create a WordPress post(Premium)
- Credit card payment(Premium)
Below you will see some prebuilt templates, you can select one if you want. Just check if they are available for the free version or not.
Leave this for now, and hover over to contact us after the blank form.
You can check its preview. After checking either you can select to use this form or click on create this form.
When clicked, you are asked to enter your form name (for your understanding like my new contact form, you can change later) and form description (like contact form for my users/visitors).
Click on create when done.
Now you are redirected to the form builder, where you can edit, add, and remove fields.
What are fields? Fields are used to create a form.
Some examples of fields are First name, Last name, Email, Website URL etc.
It’s the basic contact form that you saw in the preview.
If you didn’t want to change anything then just click on the cross/close button and done.
If you want to add a new field then just drag a field and drop it on the form.
Move up down to adjust the position. It’s a simple drag and drop builder form.
If you want to remove a field or add/remove a mandatory option then just click on the field and you will see the field options.
Click on settings after build.
These are your form settings. Here you can modify the basic settings.
You can change your form title, description, get your shortcode, add Akismet and honeypot for spam protection and a lot more options.
If you can find difficulty with any option then comment below, I will explain it to you as soon as possible.
All others are premium options, so close the tab and congrats your contact form is done and created successfully.
But how to implement the form on your website?
Simple, just copy your shortcode, create a new page (Contact us) and paste the code. Done.
Not only on a new page, but you can also place it anywhere on your website using this shortcode.
At this tab, you can check all your contact form entries by others. View them, delete them, check date time etc.
It’s a premium option, here you can check your contact form analytics.
In the styles tab, you can edit and manage your contact form styles like field texts, error messages, colour, positions, field labels, alignment, text size, buttons, etc.
This option is for advanced users but you can check it if you want.
If you want to import another contact form then you can simply import it here.
And to export your form or entries you can export them here. (In CSV or XML format)
You can connect your pro version here by entering your license key. Change your load form styling(Important).
It’s important and not every other plugin has this option.
When you check your page performance in GTmetrix or google page speed insights, you see that the contact form script is loading on every page of your website.
That will affect your page speed. So select the option only on applicable pages.
Leave other options to default if you don’t know what you are doing.
You can change your default messages in your contact form. Like error messages, duplicate entry messages, etc.
If you want to give permissions to other users of your website, then you can change them here.
You can connect your site with google Recaptcha for spam protection.
Just enter your site key, secret key, and Recaptcha type (V2 or invisible). Get your ReCaptcha by visiting here, it’s free.
White labelling and inbox:
Premium options, leave them.
You can permanently delete formidable forms and all your data.
Premium Option, so leave.
You can connect all the listed addons with the premium version.
So, leave and consider using them when you are ready to purchase their pro version.
If you want to check the features and differences between the free and pro versions, then you can check here before considering purchasing.
Here you are being asked to connect wp mail SMTP for better delivery of your emails.
It’s a good option and you can connect easily by installing the WP mail SMTP plugin.
WP Mail SMTP allows you to easily set up WordPress to use a trusted provider to reliably send emails, including form notifications.
I hope you understand how to create a contact form in WordPress website.
Formidable Forms is an easy drag and drop builder that creates contact forms without the knowledge of coding.
There are other plugins also in the WordPress directory that you need to consider like WPForms, Ninja Forms etc.
You can check the list here: Best Contact Form Plugins For WordPress
Looking for a drag and drop theme, check Themify Ultra.
People also search for: