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:
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.
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)
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.
- 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.
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.
- 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.
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.
- Website / URL
- Date / Time
- File Upload
- Page Break
- Hidden Field
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.
- Multiple Items
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.