Being able to keep in touch with your site visitors is a great way to solidify relationships, answer questions and concerns, and directly interact with those that have shown an interest in what you have to offer.
However, WordPress does not have an out-of-box contact form for you to work with.
Luckily, like most things related to WordPress, there are tons of exceptional free and premium contact form plugins available for use.
However, for today’s purposes, I am going to show you step-by-step how to add a contact form to your WordPress website using a free and highly popular contact form by the name of WPForms Lite.Use WPForms Lite and easily add a contact form to your WordPress website.Click To Tweet
So, let’s get you set up so you can start communicating with your site visitors today.
How to Add a Contact Form Using WPForms Lite
WPForms Lite is a WordPress contact form plugin that makes adding a contact form (or any other type of form you can think of) to your WordPress site a cinch.
It features a drag & drop form builder complete with custom fields for personalizing your forms to meet your needs. In addition, it comes with pre-built templates to get you started, mobile-friendly design, SEO and speed optimization, and smart CAPTCHA for preventing spam forms from being submitted.
Plus, if you really like what you see in WPForms Lite, you can invest in their Pro version and receive features such as:
- Email service provider integration
- Acceptance of multiple file uploads including PDFs, Word Docs, images, and video
- Multi-page form capability
- Payment gateway integration
- Smart Conditional Logic for adaptable forms
- And more
Now, let’s get started with adding a contact form to your WordPress website.
Step 1: Installation and Activation
The first thing you will need to do is navigate to Plugins > Add New and search for WPForms.
Next, click on Install Now and Activate.
Step 2: Choose a Template
Upon activation of WPForms Lite, you will be prompted with the opportunity to Create Your First Form right away.
On the next screen, you will see several types of templates to choose from including Blank Form, Simple Contact Form, Newsletter Signup Form, and Suggestion Form. If you are using the Pro version, you will have access to many other pre-designed templates.
Here, you will also notice a section where you can name your form.
For example’s sake, I will select Simple Contact Form and name my form Example Contact Form.
Step 3: Build Your Form
The next screen presents you with WPForms Lite’s drag & drop form builder. It also displays your contact form template, complete with standard fields you would typically see on that particular type of template.
To add new fields to your contact form, simply click on the field from the option on the left and drag it over to the desired position on your working contact form.
Here, I dragged the Checkboxes field to the section below the E-mail section and customized the text. I made the selection of one box a requirement for form submission and made it clear what I need each site visitor seeking contact needs to do in order to response from me.
You can add unlimited fields to your contact form and customize them however you want. The great thing is, as you drag & drop fields to your form, you see in real time exactly how it will appear to your site visitors, which is a nice touch.
This saves you the hassle of having to “Preview” your form every time you make a change to make sure it looks like you want it to.
When you are done, make sure to save your changes.
Step 4: Configure Settings
After you have customized your contact form, click on the Settings tab. Here you will do three things:
- General Settings. Change your form name if you want and provide a description as well. In addition, customize the submit button. You can also enable the anti-spam honeypot feature.
- Notifications. Enable/disable notifications that are sent by default to the Admin Email on your WordPress website. If you want inquiries sent to a specific email address, you can change that as well. You can also have notifications sent to multiple email addresses by simply separating them with commas.
- Confirmation. Customize what happens once a site visitor submits a contact form. For example, display a message, show a specific page, or redirect to a specific URL. In addition, customize the confirmation message your site visitors will see upon successful submission.
Step 5: Add Form to Your Website
Now that everything is customized and configured on your contact form, it is time to add it to your website.
To do this, first close out of the WPForms Lite screen. Then navigate to the post or page you want to display your contact form on. I will go to my Contact Page and make the required edits there.
When you get to the post or page you want to add a contact form to, you will notice a new Add Form button appearing in the WordPress Editor.
Click on this button and choose which contact form you want to include on the post or page you are editing.
Once you select the contact form you want displayed, the shortcode will automatically add to your post or page.
You can now view your post or page with the added contact form. Mine looks like this:
In the end, adding a contact form to your WordPress website is relatively simple. And, it is extremely helpful in forging stronger relationships with your site visitors, answering their questions and concerns, and helping to boost conversions, whether in the form of subscribers or customers.
If you are in the market for an easy to use, high-quality, and versatile contact form, check out WPForms. Chances are even the free version has exactly what you are looking for.