How to Add Forms on WordPress website? (Step by Step Guide)
Adding forms on your WordPress website can be beneficial in many ways. You might have seen many websites keeping a contact form on their contact us page instead of leaving the email address or phone number of the company or a subscription form for email marketing. These forms can be used multiple purposes and will give a professional look to your WordPress website.
How to Add Forms on WordPress website?
For WordPress users, there are many WordPress templates such as Avada, BeThemes, Constructera, Vmagazine, etc that comes with inbuilt features to build and add forms on your WordPress website. However, if the WordPress theme you are using on your WordPress website does not have any option to create forms then, you can add that functionality using WordPress form builder plugins. As these plugins come with different designs and features to create stunning forms and add them anywhere on your WordPress website.
Here, in this article, we will be using Ultimate Form Builder show you step by step of how to add forms on your WordPress website.
So, let’s get started and create stunning form for your WordPress website:
Step 1: Installation and Activation
Purchase Ultimate Form Builder plugin at the price of $32. Then, install it on your WordPress website. If you find any difficulty on the installation process then, you can refer to its documentation or check out the article: How to Install New Plugin to the WordPress Site
Step 2: Add New Form
After you have completed installing the plugin, you will see “Forms” on your WordPress backend. Click on it.
You will land to “All Forms” page. It contains all the forms you have created on your WordPress website. In order to add a new form, click on “Add New Form”.
A popup will be displayed where you can need to enter the title for your new form and choose its type (Single Step or Multi Step). After you are done, click on “Add Form”.
Step 3: Configuration and Customization
Then, you will land on the main setting page of the plugin. It consists of 4 tabs. They are:
i) Form Builder
Here, you can add 4 different elements for creating the form. The elements are:
- HTML Elements: You can add Single Line Textfield, Multiple Line Textfield, Email Address, Dropdown Menu, Radio Button, Checkbox, Password, Hidden Field, Number Field, Submit Button, and Captcha.
- UI Elements: You can add Datepicker, Datepicker Date Range, Dropdown Date, Dropdown Date Range, and UI Slider.
- Custom Field: You can add File Uploader, Custom Texts, Agreement Block, URL Field, and WYSIWYG.
- Survey Elements: You can add Star Ratings, Like Dislike Thumb, and Choice Matrix.
ii) Display Settings
It consists of different options to display your forms. You can set custom form width, form submission message, and form error message. Besides, you can also select the template of the form.
iii) Email Settings
Here, you need to add the email address for the receiver. Then, set the custom email subject and custom email message. Besides, you can also enable auto respond option for your email along with the custom auto respond subject and auto-respond message.
iv) Conditional Logic
Here, you can set the conditions/logic for your forms.
After you have finished configuring your form save it. You can check out the preview of your form by clicking on “Preview” button before adding it on your WordPress website.
Then, copy the generated shortcode and paste on any pages, posts, custom post types or widgets where you want your form to be displayed.
In this way, you can add forms on WordPress website in a few minutes. Forms are very essential elements for any websites. It not only make your website look professional but also provide an easy communication between the webmaster and clients. So, if you want to add forms on your WordPress website then, you can purchase the mentioned plugin and follow this step by step tutorial.
You can also check out the collection of: