So you want to create a blog/ website. You made the necessary arrangements and made your blog/website online. But simply getting it up and running is not enough. There must be provisions on your site for visitors to be able to contact you. Forms give your readers an easy way to contact you.
There are different types of forms that you can embed in your site – contact form, search form, registration form, order form, user login form, file upload form write for us form and so on.
Why Use a Contact Form?
- 1 Why Use a Contact Form?
- 2 WPForms Contact Form Plugin
- 3 WPForms Features
- 4 Create Different types of Forms
- 5 Available Forms
- 6 Installing WPForms on your site
- 7 About WPForms Menu and Settings
- 8 Creating Forms Using WPForms
- 9 Advanced Options
- 10 Creating A Contact Form using Template
- 11 General Settings, Notifications and Confirmations
- 12 Conclusion
If you have just stepped into the vast cyber world of blogs and websites, you might be faced with a certain dilemma as to why use a contact form, when you can simply add your email-id on your site for your visitors to contact you.
Many step back from adding forms on their site, due to fear of requiring coding knowledge to implement it. Even though the fact is there is no such requirement, and adding a form is as simple as a few mouse clicks.
Let me list some benefits of why you should use a contact form:
- Fast Communication – Contact forms are a great way to allow your readers to quickly contact you.
- Consistent Information – While using email is still a great way of establishing communication, visitors may not always send you all the information you need via email. With a contact form, you can explicitly specify what information you require from your visitors like their phone number, budget, or anything else. Contact forms help you stay organized, by providing the same information in the same way.
- Multifunctional – A contact form can be used for multiple purposes. It is highly ideal for almost any sort of two-way communication. Various tasks, including visitor’s feedback, client’s query, customer support, or engaging in a corporate communication can be easily done using a contact form.
- Decrease Bounce Rate – Bounce rate refers to the number of people who visits your site, browses and drifts away. Use of email takes your visitors to their email tool or any other page too early. But with a contact form you can ensure that your visitors remain on your site or you can specify the particular page to which they should be directed after filling the form.
- Maintains the standard of your site – Use of contact forms is so common nowadays that the absence of one might make your site appear broken to some visitors. Having a contact form maintains the quality of your site/blog and does not disappoint your visitors.
WPForms Contact Form Plugin
By now, you must be clear as to the importance of using contact forms on your site/blog. While there are tons of contact form plugins available for WordPress such as Contact Form 7, Ninja Forms, Fast Secure Contact Form, WPForms is one the highest rated and the most beginner’s friendly WordPress contact form plugin.
WPForms is a drag and drops WordPress form builder, designed to provide the best user experience. It enables you to create various forms of contact form, email subscription form, payment form, and other types of online forms within minutes and without writing a single line of code. It allows easy customization and positioning of the fields in your form.
WPForms is perfect for business owners, bloggers, designers, photographers and basically for everyone else. With over 700,000+ installs and 1500+ 5-star ratings, WPForms has already established itself as one of the favorites of the WordPress community.
WPForms Lite is the free version, which is used for building simple Contact forms. It also comes with a Pro version which of course offers more benefits by providing some powerful features such as multi-page forms, payment integrations, conditional login and many others.
- Drag and Drop Feature – Creating a form using WPForms involves a series of drag and drops. It’s designed to match your workflow and allow you to create custom contact forms in minutes. Easily add custom form fields and arrange them, by simply dragging them and placing at the needed spot. No knowledge of coding is required.
- Pre-built Form Templates – If you are at the beginner’s level, building a contact form from scratch might be a bit intimidating as well as time-consuming. WPForms comes loaded with a set of pre-built templates, unlike most other plugins of the same category. You can add, remove or re-arrange fields as necessary. Whether it’s a simple contact form, donation form, payment order form or a subscription form, WPForms has templates for almost all of them, in its Contact form builder.
- 100% Responsive – WPForms are 100% responsive and mobile friendly. It automatically adjusts itself to fit smaller screens for better visibility.
- SEO Friendly – It is one of the most SEO friendly plugins available in the market.
- Optimized for Speed – The faster, the better. This is what WPForms claims to achieve. The plugin has been developed with optimized queries on the front-end as well as the back-end to ensure maximum speed. Forms can be embedded on any page with optimized title and description. It is one of the fastest WordPress Contact Form plugins.
- Instant Form Notification – It features an Instant form notification system that enables to quickly respond to incoming inquiries.
- File Upload Facility – This feature allows you to collect files and media through your contact form.
- Multi-page Forms – Some forms are quite long, which makes the users scroll up and down the form, which sums up to a bad user experience. WPForms has this multi-page form feature which splits long forms into multiple pages to improve user experience.
- Easy Integration – WPForms allows easy integration of your contact forms, with an email-marketing service or collects payments for bookings and orders.
- Easy to Customize and Extend – With WPForms, customizing your contact forms is easy, thanks to its section dividers, HTML blocks, and custom CSS. It also comes loaded with tons of hooks and filters, to further extend the functionality of the plugin.
- GeoLocation – With WPForms you can display user’s location information
- Custom Captchas – You will also be able to provide custom captchas on your contact forms.
Create Different types of Forms
Apart from creating simple contact forms, WPForms also allows creating various other forms including –
- MailChimp newsletter signup form
- AWeber newsletter signup form
- Campaign signup form
- GetResponse form
- PayPal Payment form
- Stripe form
- Registration form
WPForms comes with a wide array of pre-built form templates that you can choose from. If you are a beginner, I would suggest you go with the templates instead of creating your own form from scratch. The list of available forms are –
- Address Form (International)
- Address Form(US)
- BoldGrid Form 1
- BoldGrid Form 2
- BoldGrid Form 3
- Customer Feedback Form
- Email Form
- Event Registration Form
- Information Request Form
- Shipping Information Form
- Sign up Form
Installing WPForms on your site
Installing the plugin is simple and requires a few clicks. The steps are listed below –
- Login to your WordPress admin area and then navigate to Plugins -> Add New.
- Search for WPForms Lite in the search box provided
- Install the plugin by clicking on Install Now
- After installation activate the plugin
That’s it, your WPForms is now installed. You can now go ahead and start building forms
About WPForms Menu and Settings
After activation of the plugin, a new menu will appear in the left sidebar of your admin dashboard, WPForms. It contains the following menu items
All Forms – This link will display all the forms you have created
- Add New – Create new forms from here
- Entries (Pro Version) – This option display any data that has been received by your form
- Settings – This is the main Settings menu, where you can customize forms, including form styling, configure anti-spam tool, form validation messages, general settings, email configuration, constant contact integration and much more.
- Add-ons (Pro Version) – WPForms can be integrated with many add-ons including AWeber integration, Campaign Monitor integration, Conditional Form Logic addon, PayPal add-on and many others. These add-ons drastically enhance the functionality of WPForms plugin.
Now if you click on WPForms -> Add New you will then be taken to the WPForms “Form Creation” section.
On the left side, you can find the following menu items
- Setup – Here you can give a name and select a template that best suits the type of form you want to create
- Fields –You can add and remove various form fields from here.
- Settings – Set various settings associated with your form including “Submit” button text, CSS styles, form confirmation notice and many more.
- Marketing –This is where you can integrate Constant Content(Email Marketing software) with the form
- Payments –If you want to integrate your form with various payment providers like Stripe and PayPal, this is where you would do it.
On the right-hand side, you will find a textbox where you can provide a name for your form. After that, you can select the template that best suits your form or creates a blank form from scratch.
It contains the following templates – Blank Form, Simple Contact Form, Newsletter Sign up Form, Request a Quote Form, Donation Form, Billing Order Form and Suggestion Form.
Creating Forms Using WPForms
Here we will take a look at how to create a form from scratch as well as creating a form using templates.
Creating a Form from Scratch
To create a form from scratch, give a name to your form, say “Contact Us” and select the “Create a Blank Form” template.
Next, you will be taken to the Fields tab, from where you can drag and drop fields onto your form. Several fields are available including Single Line Text Fields, Paragraph text, Multiple choice fields, email fields and many others which are grouped under Standard Fields, Fancy Fields and Payment Fields. Most of the fields are self-explanatory.
Let us drag and drop a few fields such as Name, Email, Dropdown and Checkbox field on our form.Hovering your mouse over the fields displays a message “Click to edit. Drag to reorder “. It means that the fields can be dragged and repositioned anywhere within the form.
Now to edit a field, hover over it and click it, to go to the field options screen. Alternatively, you can also click on the Field Options tab on the upper top left of the screen (next to the Add Fields tab). Let’s edit the checkbox field.
- Here you can find a list of options related to checkbox editing.
- Label – Name that appears above the field
- Choices – This is the list of items that the user can select from. Fill it accordingly
- Description – This is used to add additional information about our checkbox
- Required – This makes checking a checkbox item mandatory
- Show Values – Used to assign different option names and values
- Choice Layout – Change the layout of the checkboxes here
- Hide Label – For hiding the labels
- CSS Classes – Modify the appearance of the checkbox field here by adding CSS classes
- Dynamic Choices – This option is used to auto-populate the checkbox options from other data in your WordPress installation including your site’s taxonomy and page title data.
- Using the same process edit the other fields if necessary. Depending on the modification that you have done, your final form will look something like this
And that’s it we are done creating our form.
Creating A Contact Form using Template
We will be creating a simple contact form. The steps are as follows –
Go ahead and select the Simple Contact Form template
A new window will be presented to you. Fill in the respective fields with your first and last name, your email id and any comments/message. This fields can be dragged around and repositioned within the form.
Clicking on any of the fields reveals the field option associated with it.
In the left-hand side, you will also be presented with various fields. To use any of the fields simply click and drag it to your form.
Click on the Submit button once you are done.
General Settings, Notifications and Confirmations
For every form you create, there are some settings available which are categorized into General, Notification and Confirmation settings. Let us first check out the General Settings.
Here we can tweak a few general settings as discussed below
- Form Title and Form Description – Here you can provide a form title along with form description. Optionally you can also hide it, if you prefer a clean look
- Form CSS Class – Add the CSS classes that will affect the form wrapper
- Submit Button text – Provide a name for the submit button here
- Submit Button Processing text – Here you can provide the text that will appear during the form submission process.
- Submit Button CSS Class – Change the appearance of the submit button by providing a CSS class here.
- Anti-spam Honeypot–Enable/disable the Anti-spam honeypot option to reduce the spam you receive.
Finally, there are options to enable/disable reCAPTCHA and storing entry information in WordPress.
Form Notification is the email you get after someone submits the contact form on your site. Notifications are by default send to the Admin Email that you have provided on your site. However, if you want to provide a custom email address then you can change it over here.
- Sent to Email Address – Provide the email address here
- Email Subject –the subject of the email you would send
- From Name and from Email – Specify the name and email address of the sender
- Reply to – Email address of where all the replies will be forwarded
- Message –The body of the email message is provided here.
Under the Confirmation Settings, you can provide a custom message that will be displayed after a visitor submits a form. The options provided here are –
- Confirmation Type – here you have 3 options to choose from – Message, Show Page, Go to URL(Redirect).
- Message – This will display a message when a visitor submits a form
- Show Page – Redirect your users to some custom page on your site, such as a Thank You page.
- URL –This will redirect users to another URL on your site or some other site.
Embedding Contact Form in a Page
Now that you are done with creating your form, it’s time to add the contact form on your site.
Go to WPForms -> All Forms, here you will find all your created forms listed along with a shortcode
This shortcode can be inserted on any page/post to add your custom form.
Here we will create a new page and insert our form. The steps are –
Navigate to Pages on your Admin dashboard and click on Add New
Now, you can either paste the form shortcode here or click on Add Form button to insert your contact form
In the next popup windows, select the contact form you want to add and then click on Add Form
After you are with the above-mentioned steps, your custom contact form will be added to your site.
Managing your forms using WPForms
With WPForms, not only are we able to create beautiful forms, we can also manage them. Simply navigate to WPForms -> All Forms to see all your created forms.
From here you can edit an existing form, add Entries to forms. Preview your forms, duplicate and delete your forms and so on.
As you can see it is not difficult to imagine why WPForms is considered to be one of the best WordPress Contact Form Plugins in the market.
If you want to add a standard contact form, WPForms is highly recommended. Not only does this plugin make adding a contact form to your site very easy, but the intuitive drag and drop builder provides a straightforward way to add fields and re-arrange them in any way desired.
If you want more features such as Fancy Fields including URL’s, date and time, file uploads, addresses, PayPal integration, conditional logic and much more than you can purchase one of the paid version.
It comes with 4 different paid versions –
- Basic Version for $39/year
- Plus Version for $99/year
- Pro Version for $199/year
- Agency Version for $499/year
In short: For beginners with modest needs, who value ease of use over almost everything else, WPForms is indeed a forms plugin that’s hard to beat!