A contact form is one of the most basic and must-have element of your website. They not only save your time but are the easiest and most convenient way of connecting with your site visitors. In this article, you will learn how to easily create a contact form for your WordPress website.
Why Do you need a Contact Form on your Website?
Before we look into why we require a form on our site, we would like to mention that like other features of WordPress this also will not require any coding knowledge to add forms.
Securing your site from Spam Mails
Contact forms provide an opportunity to communicate with your users without actually putting your email address in public. When we provide our mailing address, there is a high possibility of it getting spammed by bots.
Consistent and Appropriate Information
If a user had to mail you his/her information, the data provided by every user would vary. This would lead to creating an inconsistent database for your website. Whereas, through a contact form you get consistent information and most importantly only the information you require from the user.
Increases the Number of Visitors to your Site
Most of the times a user visit your website once, he might never get back. The best way to ensure that you are in touch with them is to have their contact details.Then, you can have mailing campaigns or contact through other means so that they revisit your site.
WPForms is one of the most popular contact form plugin available in the market. With WPForms, you can easily create any form in just a few minutes without writing a single line of code. It also comes with pre-built form templates which can save your time. WPForms is also mobile-friendly.
With WPForms, users can easily create high-performance forms with their smart conditional logic. You can easily embed WPForms in blog posts, pages, sidebar widgets, footer etc.
WPForms is a freemium plugin i.e. you can download the WPForms Lite from the WordPress plugin directory. In order to use WPForms Pro, you need to upgrade to one of their four plans available. The basic plan for WPForms Pro starts at 79$/ year.
Now let us see how to create a form for your WordPress website using WPForms.
WPForms Plugin Installation
In this article, we will use the WPForms Lite plugin. To install the WPForms Lite plugin, go to Plugins >> Add New from your WordPress Dashboard. In the plugin search bar, type WPForms, and install the plugin.
Activate the plugin once it is successfully installed.
Create a Form using WPForms on WordPress
Once the WPForms plugin is activated go to WPForms on your WordPress dashboard. This will get you to Wpform’s form builder. Click on Add New to create a new form.
Now we start by giving a name to our form (Conatct Us). Next, we choose a template for our form. We shall select the “Simple Contact Form” template which already has fields like name, email address, and message.
If you want to make your form from scratch you can use a blank template as well.
After selecting a template you shall see a menu of other fields on the left hand side of your screen.
You can simply drag and drop the desired field or select it and add it to your form.
The various fields which are most commonly used are:-
- File Upload.
- Date and Time.
- ReCAPTCHA (for security purpose).
There are many more on the list provided by WordPress.
Once you are done customizing your contact form, click on the “Save” button.
Configure Notifications and Confirmations
We have successfully created our form, further we configure form notifications.
You shall receive a mail every time a user submits a form. Also, if we use smart tags the user can be notified via mail that the form is submitted successfully.
Go to the setting tab of WPForms form builder.
In the notification section, set the email you want to be notified at.
By default the admin mail of your website is set, but we can change it to any other mail id of our choice as well. You can also fill in multiple mails by separating them with commas.
The next section is Email Subject which is by default our form name and it is advised to not change it.
In case, you get back to any user’s request or query, it will be sent to the address they have entered in the form.
After the submission of the form, the user should receive a “Thank You” message. This is again the default setting of the Confirmation section in WPForms settings.
As we can see WordPress is one of the most beginner-friendly CMS present. If you wish to change these settings there are options like sending customized emails or redirecting to other sites after submitting.
Add WPForms to your WordPress Page
There are three ways by which you can embed a WPForm to your WordPress page. The most simple method is to use the embed option provided by WPForms. It will be located on the top right corner beside the ‘Save’ button. You can either create a new page or select an existing one to embed your WPForm.
The other two options to embed WPForms is to either do it manually or use a shortcode. In both cases, the first thing you need to do is creating a new page or select an existing page to add your contact form.
In order to add a new page go to Pages >> Add New. If you want to make changes to an existing page go to Pages >> All Pages, select the page and click on edit. You can also make changes to your WordPress posts in a similar manner.
We shall use the WPForms block to add our contact page to one of our webpages if we want to add the form manually.
You have to select your form from the drop-down menu and check its preview. Save your page and check your website.
If you want to embed the form using the shortcode, copy the shortcode of your WPForm.
On the page editor, search for the shortcode block and paste the shortcode of your form.
Preview and save your changes.
And now, we have successfully added a contact form to our website!!
We hope this article helps you to add WPForms on your WordPress Pages and Posts. In case of queries, please leave a comment and we will get back to you as soon as possible.
Also, if you want us to cover a specific topic you can leave a comment for that as well.