How to Create a Basic Contact Form Using the New WPForms WordPress Plugin

A contact form is an essential feature of almost every type of website. Whether you’d like general feedback from your visitors or inquiries from potential new customers and clients, adding a contact form is one of best ways to let people get in touch.

As you’d expect, when it comes to adding a contact form to your WordPress website, the simplest way is to use a purpose-built plugin — one of which is the newly released, and very powerful, WPForms, From the team behind both OptinMonster and Soliloquy.

Below, we’ll show you how to quickly and easily create a basic contact form for your WordPress-powered website, using the free version of WPForms: WPForms Lite.

Why Use WPForms?

When it comes to WordPress contact form plugins, there are lots to choose from. However, WPForms provides one of the quickest and easiest ways to add a contact form to your website — while still giving you the option to upgrade your forms should you have more advanced needs further down the line.

WPForms Lite WordPress Plugin Guide

Because of the WPForms templates, you can add a contact form to your WordPress website in no time at all, and, if you need it, the intuitive drag-and-drop form builder tool is on hand to help you create custom forms for almost any purpose.

So, now that you know why WPForms is a good choice, we’ll show you how to use this free plugin to create a basic contact form for WordPress.

How to Add the WPForms Lite Plugin to Your WordPress Website

The first step in creating a basic contact form with WPForms is to add the plugin to your website. WPForms comes in two main versions: A free one, and a more-advanced commercial option. However, if all you’re after is a basic contact form, the free version is a more than adequate option.

The quickest way to add the plugin to your website is to log into your WordPress admin area and navigate to the plugins section of the dashboard.

WPForms Add a Contact Form Plugins Menu

From the Add Plugins page, enter ‘WPForms Lite’ into the search box, and install the first plugin returned in the results.

WPForms Add a Contact Form Install Plugin

On the next screen, click on the Activate Plugin link and WPForms will be ready to use on your WordPress website.

How to Create a Basic WordPress Contact Form with WPForms

As part of its attempt to be the most user-friendly WordPress forms plugin available, WPForms will display a helpful welcome message after the plugin’s been activated.

WPForms Add a Contact Form Welcome

From the welcome screen, you can watch a video walkthrough guide on creating your first contact form with WPForms, or simply click on the WPForms – > Add New link to get started. If, for whatever reason, the welcome screen isn’t displayed, you can create a new contact form by clicking on the WPForms sidebar menu, and then selecting the Add New item.

WPForms Add a Contact Form Add New Form

After you click on the Add New form link, the WPForms user interface will be displayed. From here, you can give your form a name, such as contact form, and then choose a template from the available options.

WPForms Add a Contact Form Templates

While you’re free to start with a blank form, choosing the simple contact form template is recommended.

WPForms Add a Contact Form Builder

For most purposes, the simple contact form template should suffice. However, if you want to modify the basic contact form, you can click on any of the standard fields from the left-hand panel to add them to your form. If you want to make use of any of the fancy fields or payment fields, though, you’ll need to upgrade to the pro version of WPForms.

WPForms Add a Contact Form New Field

If you do click on a form field on the left-hand panel, it’ll be added to your form instantly. From there, you can drag and drop it into a new position, or click on the field to edit it.

WPForms Add a Contact Form Drag and Drop

Editing of the form fields takes place in the left-hand panel, allowing you to modify the field label and description, set the field size, and enter any placeholder text. Once you’re happy with the form, click on the save button to make it available for use.

Configuring Your Contact Form

Each form you create with WPForms can be configured to better meet your needs. Clicking on the settings tab on the form builder screen opens up the configuration options for the form you’re working on.

Settings are grouped into three sections, covering the general, notification, and confirmation options for the form.

WPForms Add a Contact Form Settings General

Through the general settings, you can edit the form title and description, change the submit button text, and enable the anti-spam honeypot features. Id recommend making use of this last option, as it’ll help to reduce the amount of spam submissions you receive without affecting the user experience of your forms.

Through the notification settings, you can choose which email addresses will be sent a form submission alert — and you can use the confirmation settings to customize the message that’s displayed after a visitor’s used the form. Alternatively, you can choose a page or enter a custom URL to be displayed after a form submission.

Again, once you’re happy with your form confirmation, click the save button to commit to your changes.

Publishing the Contact Form on Your Website

After you’ve saved your form, you can add it to your WordPress website to make it available to visitors. Clicking on the embed button on the form builder screen will display a shortcode, which you’ll need to add to a WordPress post or page to publish the form.

WPForms Add a Contact Form Embed

Another way to add one of your forms to your website is to open a WordPress post or page for editing, and then click on the Add Forms button.

WPForms Add a Contact Form Button

From the popup window, you can select which form to insert, and also choose whether to display your form title or description.

WPForms Add a Contact Form Insert

After you’ve inserted the form, a shortcode will be added to your post or page. Then, upon publication, the shortcode will be replaced with the corresponding form.

WPForms Add a Contact Form Shortcode

Now, if your visitors want to send you a message, all they have to do is complete the form and press ‘send’.

WPForms Add a Contact Form Published

Managing Your WordPress Contact Forms

If you need to make any changes to your contact forms, you can access them from the All Forms item on the WPForms menu.

WPForms Add a Contact Form Manage

From this section of your WordPress dashboard, you can delete or edit any existing forms, and, if you upgrade to WPForms Pro, you can view the form entries that have been submitted by your site’s visitors.

Any changes you make will be instantly reflected in your published forms, thanks to the power of WordPress shortcodes (find out more in our previous article, WordPress Shortcodes Explained).

Final Thoughts

As you can see, the free WPForms Lite provides a very easy way to add contact forms to a WordPress website.

By using the standard contact form template, you can add this type of form to your website in just a few clicks — and, thanks to the drag-and-drop editor, if you do need to make changes to the template (such as adding form fields or modifying the default text) the whole process is really very straightforward.

Note: To find out more about the advanced features and functionality of WPForms, be sure to check out our in-depth WPForms Pro Review.

Using WPForms yet? Thoughts?

Tweet about this on TwitterShare on FacebookGoogle+Share on LinkedInEmail to someone

By Joe Fylan

Joe is an experienced WordPress user who enjoys sharing the tips and knowledge he's picked up from using this fantastic platform for many years. You can find out more about Joe on his website.
Comments (policy)
  • Adriano Gaved

    I installed WPForms and created the first form: it was a breeze.
    I made a test with a couple of submissions and now I am confused: where can I find the data submitted?
    By the way, I asked for notifications but I didn’t receive any mail.

    • If the plugin is setup correctly – i.e. you’ve entered the right email address and setup the notifications, it could be a problem with your web host.

      On one of my sites, I had to ensure that the email address that the form entries were sent to was using the same domain that the site was hosted on.

      EG, if my site was http://www.joecanwrite.com then the form email had to be something@joecanwrite.com if I used gmail (joe@gmail.com) the form enteries weren’t delivered.

      Also, with WP Forms, you need to update to the pro version to be able to store form entries in your WordPress Dashbaord: https://wpforms.com/features/entry-management/

      Hope this helps.

  • Jackie

    Hello, I installed and created my first form however when I go to embed my form is not being embedded on the page. Instead it just shows the code – [wpforms id=”552″]. I have used the plugin ‘Contact Form 7’ and it embeds fine but I wanted to try WPForms for more options. Am I missing a completely obvious step here? TIA

More in Plugins, Tutorials
Top Six Membership Plugins for WordPress (2017)

Membership websites let you try for one of the Holy Grails of business: Recurring income. Tempt someone in with your exceptional content just once, and...

Close