What's WP
Find Everything Related to WordPress - Best Tutoriasl on WordPress!
How to Use Visual Form Builder to Create an Advanced Contact Form

How to Use Visual Form Builder to Create an Advanced Contact Form

A contact form is an inevitable part of your website. Your readers need to have it easily while contacting with you. It is also a good chance to turn your readers into potential clients and to get networking opportunities with ease.

Having an email for your readers to contact you is one way of getting messages and feedbacks. But having a contact form makes things easier. In this case, we have come out a tutorial about how to create an advanced form by making use of WordPress Visual Builder.

Why Add a Contact Form to Your Website?

The main benefit of having a contact form for your site is that you increase the chances of getting the right information about your readers. You can have the form customized with the mandatory fields that readers must fill with specific information, reducing the necessity of you to send follow-up messages for information confirmation.

You can also filter the messages based on the topics, thus make a reply more accurately and effectively.

Contact Form

About Visual Form Builder

This is a WordPress plugin that readers use to get in touch with you. It assists you to build custom forms that enable your readers to send you information with ease. You can also build standard contact forms for your site.

It has great features that enable you to create advanced forms for a variety of purposes on your site. You can thus use the plugin to create any form you like. Note that the plugin comes in premium and free version.

You need to install the plugin and activate it by going to Plugins tab on WordPress dashboard. Here, search for Visual Form Builder and you can have a new menu added to the admin called Visual Form Builder after successful activation. This is where you can create a number of contact forms for your site.

Building Your Form

The plugin has features that allow you to create fields you need for your contact form or any other form to enable you get the right information from the readers. Click Add New Form button, and then add the details of the form, including the form name, website name, reply-to-email, email subject, and email-to address.

Visual Form Builder

After adding these settings, the form will load with the basic form template as shown below.

Visual Form Builder Templates

You need to click on the form items to add the fields that you need for your form. Click on the items one by one and they will be added to your form. Once they have been added, clicking on them and open them for editing.

After choosing fields, each field can give you different options that can be seen from the drop down menu. You can choose the one that relates to your site. For instance, you can ask the readers to submit a product budget if you are a freelancer.

Visual Form Builder Items

Among the multiple fields option, there is a radio button that makes it easy for people to know fast what the messages they have received. Date fields come handy for those offering services that are date based, such as appointments and bookings. Having a file-upload field enables people to submit any extra information in the form of a document or a screenshot. You can have many other fields that relate to your site.

The visual form builder verification feature comes handy in reducing contact form spam that you may receive. It requests people to enter two digits for verification.

digits verification

After editing all the fields, save the form.

Publishing the Form After Editing

After all the editing and saving, you need to publish the form on your site to enable people to start sending custom messages to you. To publish, open an existing page or post or create a new one. You will see an Added Form button below the permalinks section.

Added Form button

Simply select the form you have created and click Insert Form button. This adds a shortcode to your page. You can preview the page or post and see the look of the contact form. If it is ready, continue to publish a post and if not, go back to Visual Form Builder and edit it further.

The form submissions can be delivered to the email address you have specified. The messages can also be stored in your site under Entries menu of the Visual Form Builder main menu.


Joyce is a professional writer & SEOer who loves trying new things and sharing the experience through blogging. She loves clean design, playing with different WordPress themes, SEO, etc. Very often, you could find her in various WordPress event as invited speakers.