Creating a Contact Form is essential if you have a website. It helps you easily connect with your audience. They can easily communicate with you to know about your products or services.
So, in this tutorial, I will show you How To Create a Contact Form in WordPress. Also, you can use the Contact Form on your Contact Page, Sidebar or anywhere you want.
Why you need a Contact Form on your WordPress Website?
Before starting the tutorial, you need to know why to create a contact form on your website. There are several reasons for creating a contact form on your WordPress website.
- Spam email Protection: Nowadays spamming is everywhere. Spammers regularly scrape websites to find emails. If you post your email directly to your website, spammers will add your email to their list and you will start receiving lots of spam emails every day. Creating a contact form will help protect your email from spammers because your email address will not be visible.
- Exact Information That You Need: When someone wants to contact you, they do not provide the exact information you want. If you create a contact form, you can ask for all the information you need to know.
- Easy Way To Communicate With People: A simple contact form allows your audience to easily contact you for your service. It also helps a brand get in touch with you about sponsorship.
How To Create A Contact Form With WPForms Lite Plugin
Why WPForms Lite Plugin?
There are many plugins to create such a contact form in WordPress, but I will use the WPForms Lite plugin for the following reasons.
- WPForms Lite is absolutely FREE.
- Easy drag and drop builder to create a contact form easily.
- User-friendly interface which is great for beginners.
In this tutorial we will create the following simple form.
So, let’s get into the step by step tutorial.
Step 1 : Install & Activate The WPForms Lite Plugin
So the first thing you need to do is install the WPForms Lite plugin.
You can install the plugin on your website by logging into your WordPress dashboard. Then go to Plugin > Add new. Then type WPForms Lite in the search box and click on the install now button. After downloading the plugin Activate it.
Step 2 : Create Your First WordPress Contact Form
Once you download and activate the plugin, you are ready to create your first contact form in WordPress.
Now, go to your WordPress dashboard and go to the WPForms menu and click on AddNew.
After clicking the Add New button, a new window will open. From here you need to create a name and select a template for your contact form. After naming the form click on the Create a Simple Contact Form.
By clicking the button, it will open the drag and drop builder to create a contact form. It will also create a simple contact form for you.
You can drag the fields that you want to display in your contact form from the Standard Field options.
There are two more field options – Fancy Fields & Payment fields, which are available in the WPForms Pro.
Step 3 : Configure & Customize Your WordPress Contact Form
Once you’ve created the form, you can edit the fields if you want. For that, you need to click the field you want to edit. From the field options, you can edit the field as per your needs.
Here you can set the field is required or not. You can change the name of your field and add a description (not needed). You can also choose the format of the field.
There are also notification and confirmation settings. Once you’ve created your first contact form, it’s time to configure the form.
From the notification section, you will receive messages/notification from your contact form in your email (associated with your WordPress) inbox. I recommend you not to change any settings from this notification section.
In the confirmation settings, it displays a confirmation message to your visitors who fill out and submit the contact form. Here you can display a message, you can redirect to another URL or even your own page.
Step 4 : Adding WordPress Contact Form In Pages
Now that you have created your WordPress Contact Form, you need to add it to your Contact Us Page or any page that you want. For this, you need to create a page. You can create a page by clicking Pages > Add New.
By Block Editor :
If you use block editor to create your page, click Add Block and type WPForms in the search box.
After that, a dialog box will open from where you need to select your contact form. After selecting the contact form, It will appear right there.
By Classic Editor :
The classic editor has an Add Form button next to the Add Media button. After clicking the Add Form button, you need to select the contact form.
After selecting the form it will add a little code for the contact form. After saving and previewing the page you will see the contact form there.
By Embedding :
You can add your contact form by embedding it on your page. You can do this quite easily.
While creating the contact form you will see an Embed button at the top right just before the Save button. By clicking the Embed button, it will give you an embedding code for the contact form. You need to copy the code from there and paste it in your Contact Page.
Adding WordPress Contact Form In Sidebar
You can also add your contact form to the sidebar. For this, you need to go to Appearance > Widgets. There you will find the WPForms widget. Drag the widget to your sidebar. Then select the contact form you want to display in your sidebar.
Enable & Add Google reCAPTCHA
Adding Google reCAPTCHA to the WordPress Contact Form protects you from bots and spammers. So you must enable Google reCAPTCHA to improve your own website.
Enabling reCAPTCHA is easy. Go to Google reCAPTCHA and click on Admin Console. You need to create an account there. There will be a simple form to fill out with your website name, email, company name or your own name and type of reCAPTCHA.
Once you fill out the form, it will give you the site key and the secret key.
Once you get both the keys you need to paste the keys in the reCAPTCHA section. You can find the Google reCAPTCHA section in WPForms > Settings > reCAPTCHA. Paste the keys in their respective sections and click on the Save button.
In the next step, go to WPForms > All Forms and edit the form where you want to use the reCAPTCHA. Then click on the reCAPTCHA option in the editor. This will enable reCAPTCHA and show you this message.
Now Google reCAPTCHA will appear in your WordPress contact form.
Your WordPress Contact Form is totally ready.
If you find this article helpful, please do share it.
If you have any questions regarding the article feel free to ask in the comment section.