Create a Simple Contact Form with WPForms Plugin in WordPress

WPForms Lite is a new contact form plugin in WordPress market developed by Syed Balkhi and Jared Atchison. It has about 6,000+ active installation, which is quite less. But the plugin strives to be the most beginners’ user-friendly plugin in the market. According to the plugin page, it has few notable features. This article shows steps to create a simple contact form with WPFOrms plugin in WordPress.

Features:

  • Drag and drop form builder
  • Nice and easy interface
  • Pre-built templates and SEO friendly
  • Smart spam protection using reCAPTCHA and honeypot method
  • Premium version offers Multipage forms, Newsletter, Integration with Mailchip, Paypal form payment, etc.

Create a Simple Contact Form with WPForms Plugin in WordPress

Step 1. Install and activate Plugin

Create a Simple Contact Form with WPForms Plugin in WordPress

Navigate through Dashboard  > Plugins  > Add New . Search for WPForms. And click on Install Now and activate the plugin. Upon activation, a WPForms  Lite , an introduction screen is shown. The video will explain how to create your first contact form with the plugin.

Step 2. Create a form

Create a Simple Contact Form with WPForms Plugin in WordPress

Go to Dashboard > WPForms > Add New. Once you do that, you will be presented with the beautiful interface completely different that the WordPress admin interface, which seems quite awesome. The WPForms Lite plugin offers a three template to start off – Blank Form, Simple Contact Form, Suggestion Form. And on the menu there are options like Setup, Fields, Settings, Marketing, and Payments. Marketing and Payments fields are not available in Lite version of the plugin. You need get the premium version of it.

Create a Simple Contact Form with WPForms Plugin in WordPress

We will be using a template for this tutorial, click on Simple Contact Form as in the screenshot above. The template automatically adds a name, email, paragraph, and submit fields to the form which saves a lot of precious time.

Create a Simple Contact Form with WPForms Plugin in WordPress

You can rearrange the form fields by dragging onto it. You can add new fields by just clicking the fields that are on the left of the screen.  You can modify the fields by clicking on the form itselft. It shows options to change labels, make label and more. (see screenshot below)

Create a Simple Contact Form with WPForms Plugin in WordPress

When you are done with adding and modifying the contact form, you can click on settings, which will show you the screen as in screenshot below. There are three options, General, Notification and Confirmation.

Create a Simple Contact Form with WPForms Plugin in WordPress

In General section (see screenshot above) , You can change the form title. I have named Contact Form for my form. And by default, anti-spam protection is enabled, which is great thing for a contact form.

Create a Simple Contact Form with WPForms Plugin in WordPress

In the Notification section, you can configure the Fromm Email address, Send to Email Address, etc. You will find some codes in curly brackets as {admin_email}, {field_id=”0”}. It might seem difficult to grasp at first site but WPForms lite has yet again done the configuration for you that you do not need to change. You can click on Show Smart Tags as highlighted in the screenshot above and select the fields or you can simply edit the field.

Also Read:   Steps to Add Favicon in WordPress Site

Create a Simple Contact Form with WPForms Plugin in WordPress

The next section is Confirmation Section, You can configure your message here. Once done, you can click on Save button on the top left (See screenshot above) to save your form. Then click on </> EMBEDED button beside the Save Button. This will show up the following screen.

Create a Simple Contact Form with WPForms Plugin in WordPress

As in the screenshot above, you can copy the shortcode. For me it is [wpforms id=”349”].

Step 3. Adding contact form to a page

Create a Simple Contact Form with WPForms Plugin in WordPress

Now the final step is to add the contact form to your page. Navigate through, Dashboard > Pages > Add New. Give the tile to your page, I have named it Contact Form here. You can add the contact form in two way as in most of the plugins. Click on Add Form (see the screenshot above) and select the form. It will automatically, add the shortcode in the editor or just simply paste the shortcode that you have copied. Now click on Publish to save the contact form.

To see the contact form, click on the Permalink just below the title and you will see the contact form as screenshot below.

Create a Simple Contact Form with WPForms Plugin in WordPress

WPForms Lite is indeed a very beautiful plugin to add contact form. The interface is really clean and intuitive. You can create a contact form in less than 8 clicks. Developers has tried to simplify the overall form building process and hidden many of the complexities of form building. Despite being new, the overall performance of the plugin is impressive. To use advanced features of the plugin you need to purchase WPForms Pro starting at $39 per year to whopping $349 one-time payment for ultimate version to the date of this writing. It has 14 days trial period, so if you don’t like it, you can ask for the refund. If you want to have a peak, you can visit its official page for more tutorials and videos.

The following two tabs change content below.

Jems

I am Jems. I am an occasional blogger and technology enthusiastic. I have a passion to learn. I wear multiple hats of web developer, consultant, data analyst and digital marketer. 🙂

Share This Post