Discover the ways to set and customize forms with JetEngine plugin. It lets create some kind of communication with the website visitors and allows them to submit any type of request.
Let’s go through this overview to a better understanding of what options you will have within JetEngine Forms.
Forms field types
Text is the simplest type with the help of which you can create a field for Email, User Name, Surname, etc.
If you mark the Set input mask checkbox – it will open a set of additional options.
A mask is a template you offer to the user. It shows the way you would like this field to be filled. Let’s take a closer look at the features.
- Mask type. There are two options in the drop-down menu. Default allows you to set any type of mask and Datetime is a special mask type for time.
- Input mask. This is the bar where you type the mask into. “9” means you have to place a number on that place, “a” meant alphabetical character and “*” means you can place a letter or a number there.
- Mask visibility. The mask could be Always visible, become visible On hover, or On focus (in this case you need to click at the bar to see the mask).
- Mask placeholder. The symbol you will choose here fills the mask in case the user will leave the bar empty. For example, if you choose the “-” from the list, the mask for the bar is “999999” and the user didn’t fill it – it will look like this “——” in the end.
Set this field for people to add an additional comment to the request or just to clarify some special wishes. HTML tag Textarea defines multi — lining text field. The number of symbols, that is possible to display, is unlimited and the entered text will be showcased by a monospaced font.
This field will not be visible on the Front-End but in the Dashboard, it is possible to add some value and use for example in the Calculated Formula.
Select – Checkboxes – Radio
These field types are to set the kind of selection. For example, you have a restaurant website and would like users to choose where they want to have dinner, on the terrace, or indoor. In this case, a Select field type is a great option.
Checkboxes field type lets choosing more than one option. As an example, it works with a food delivery website where visitors would like to select the ingredients.
Radio is one more way to offer the range of selection. Set the fields where possible to choose the time they want to book the table in the restaurant.
Learn more from this full tutorial.
The Number is a field for any numerical values, percentage, number of people or items, etc. In the case of a restaurant, you can give an opportunity to specify the number of people that are going to visit it.
Date — Time
With Data field type the website users will be able to submit the dates they want to book the flight, visite someplace, etc.
It is also possible to add the Time field in order on the front-end people can select the exact time of attendance.
It is a formula field that can be useful when you want the customers to see the total price they need to pay for the tour or another type of service. Apply any mathematical formula using both, form field, including Hidden one, and post meta field.
There are cases when some media attachment is a required field in the form, for example, bill copy, photo, or other visual content. You can include different file formats, for example .jpeg, .gif, .pdf, .bmp, and more.
If the limit of images is set to more than 1, images can be sorted during the upload.
This type allows adding a visual editor to any text field. The WYSIWYG field creates an editor similar to the post content one. Enter any kind of content, insert media, or custom HTML. “What You See Is What You Get” — a general term of visual editor, where the formatted content is visible while typing. Use this extra field type to allow users to add and edit information with HTML.
This field is to set the slider that lets dragging a handle to apply the value from a defined range. In case you want to showcase prices in the slider mode, so with the Range field type, it is possible.