To add a contact form to your WordPress website, the easiest 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 Lite.
Why Use WPForms?
When it comes to WordPress contact form plugins, there are lots to choose from. However, WP-Forms 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.
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 the plugin 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 WP-Forms is to add the plugin to your website. the plugin 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.
From the Add Plugins page, enter ‘WPForms Lite’ into the search box, and install the first plugin returned in the results.
On the next screen, click on the Activate Plugin link and contact form builder 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, the plugin will display a helpful welcome message after the plugin’s been activated.
From the welcome screen, you can watch a video walkthrough guide on creating your first contact form with WPForms, or simply click on the plugin – > 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 plugin sidebar menu, and then by selecting the Add New item.
After you click on the Add New form link, the Plugin user interface will be displayed. From here, you can give your form a name, such as a contact form, and then choose a template from the available options.
While you’re free to start with a blank form, choosing the simple contact form template is recommended.
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 the contact form plugin.
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.
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 Plugin 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.
Through the general settings, you can edit the form title and description, change the submit button text, and enable the anti-spam honeypot features. It recommends making use of this last option, as it’ll help to reduce the number 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.
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.
From the popup window, you can select which form to insert, and also choose whether to display your form title or description.
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.
Now, if your visitors want to send you a message, all they have to do is complete the form and press ‘send’.
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 plugin menu.
From this section of your WordPress dashboard, you can delete or edit any existing forms, and, if you upgrade to Pro version, 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).
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 WP-Forms, be sure to check out our in-depth WPForms Pro Review.
Using WPForms yet? Thoughts?