Apr 042016
 

WordPress WPForms Lite Plugin Fields post helps you manage and set up each field in your forms and more.

Last Updated: October 25, 2016

In this tutorial you will learn how to add fields, edit and manage the fields and move the fields in your forms. There are some fields that are only available in the Pro version. These fields are more advanced than your regular fields and at the same time provide extra options for you to create fancy forms.

If you need the extra fields then you will need to purchase the pro version.

WPForms Lite Plugin Tutorials:

  1. Settings
  2. Create Simple Form
  3. Fields
  4. Troubleshooting

WordPress WPForms Lite Plugin Fields Steps

Step 1 ) The following image shows you one of the fields added previously in Create Form tutorial. The following field Name is split into two fields. Each field has a sub field label First and Last.

When you bring your mouse over the field you will see a message displayed and an X icon. If you click on the X icon, it will allow you to delete the field. If you click and hold down your mouse button on the message Click to edit. Drag to reorder, you will be able to move the field any where in the form. This method of drag and drop allows you to redesign the form and change the order of the fields in a very simple way.

wordpress-wpforms-lite-plugin-edit-fields

You can now duplicate a field. When you bring your mouser over a field you will see the following icons appear and a message Duplicate Field when you move your mouse over the duplicate icon. See image below.(Added in version 1.2.9)

wordpress-wpforms-lite-plugin-duplicate-fields

Step 2 ) The following image Field Options shows you the field options that allow you to set up every time you add a field or edit a field.

Field Options:

  • Name (ID #0) = This is the id given to the field.
  • Label = This is the name given to the field added and will be displayed on the form.
  • Format = The current format for the field selected is First Last name. There are other options you can select for the Text field. Each different unique field that you add to a form will have different formats for you to select and some will not provide the Format option.
  • Description = In some forms for some fields you might choose to provide a description for that field. This will provide some information for the visitors when filling out the field.
  • Required = This lets the visitor know that they must fill out this field before the form is submitted or else they will see an error message displayed. This option also adds a red * next to the field label name.
  • Enable Email Confirmation (Added in version 1.3.0)

Note: Each field has a question “?” next to it. This provides more information about the option you are editing. 

wordpress-wpforms-lite-plugin-edit-fields-options

Advanced Options

Step 3 ) The following image Advanced Options shows you the advanced settings for each field. Depending on the field you add and or edit different advanced options will be displayed for you to set up.

Advanced Options:

  • Field Size = This lets you decide how big the field is going to be.
  • First Name = You can add a Placeholder value that will be displayed in the field. You can also add a Default Value.
  • Last Name = The same settings apply for this field as the field above.
  • Hide Label = This allows you to hide the label from displaying on the form.
  • Hide Sub-Labels = This allows you to hide sub labels from displaying on the form. This advanced option is displayed because the field being edited requires it.
  • CSS Classes = This allows you to assign a custom class for the field.

Note: Each field has a ? next to it. This further explains what this fields is all about. 

wordpress-wpforms-lite-plugin-edit-advanced-options

Fancy Fields

Step 4 ) The following image Fancy Fields displays all the fields available with the Pro version. You can add as many fields as you like to your form.

Fancy Fields:

  • Website / URL
  • Phone
  • Date / Time
  • File Upload
  • Page Break
  • Address
  • Password
  • Hidden Field
  • HTML
  • Divider

wordpress-wpforms-lite-plugin-fancy-fields

Step 5 ) The following image Payment Fields displays more fields available with the Pro version. You can add as many fields as you like to your form.

Payment Fields:

  • Divider
  • Total
  • Multiple Items

wordpress-wpforms-lite-plugin-payments-fields

That is how simple it is to edit and add extra fields to a form.

Click on the following link Troubleshooting to complete the next tutorial.

 

If you have any questions please let me know.

Enjoy.

Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

  4 Responses to “WordPress WPForms Lite Plugin Fields”

  1. When I added a hidden field it has a cog that keeps turning and i cant remove it, this populates a visible field in the form

    • Hi Ronnie, would you be able to send me a screen capture with your issue via my contact form? Does this only happen when you add a hidden field or does it happen when you add any field?

  2. This is so helpful! Thank you! By chance, do you know how to decrease the space between each row on the form. It’s so big on my form.

    • Hi Jo, I am glad it helped you in some way.

      You might want to send me via my contact form your website link. I will need to take a look and report back.

      Regards

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)