The Date Field block is intended to insert/select the date manually in the “yyyy-mm-dd” format and set it dynamically or using a macro.

On the front end, the Date Field is presented as a text field that allows typing the needed date in the “mm/dd/yyyy” format. Pressing a “calendar” icon allows selecting the required date. Also, clicking the “Clear” and “Today” links allows resetting the date or setting the current date correspondingly.

the date field block on the front end

Inserting the Date Field

This block can be added to any form by finding it in the search bar of the block inserter (the “plus” icon) and placing it where required.

adding the date field block

Also, the Date Field can be inserted as part of JetFormBuilder’s embedded templates, presented in the Welcome Block, and patterns.

Settings of the Date Field

The settings of the Date Field include the General, Value, Field, Validation, and Advanced settings.

settings of the date field block

General

The General tab is presented by the following three fields: FIELD LABEL, FORM FIELD NAME, and FORM DESCRIPTION fields:

general settings of the datetime field
  • FIELD LABEL ㅡ a field for inserting the field’s label;
  • FORM FIELD NAME ㅡ a field for the field’s name. This field will be filled out automatically after the text is added to the FIELD LABEL field, but it can be corrected according to requirements. However,  the only Latin letters (lower case), numbers, `-` or `_` chars are allowable;
  • FIELD DESCRIPTION ㅡ a non-required field for more information on this field, e.g., the field’s description.

Value

These settings allow adjusting pre-defined values, selecting them dynamically, using macros, and providing calculations. They are:

value settings of the date field
*
  • DEFAULT VALUE ㅡ a field that allows adding the default value shown in the Date Field. Also, a dynamic value can be set by pressing the “Dynamic Tag” icon and choosing the needed option in the SOURCE drop-down list of the Edit Preset pop-up. The SOURCE drop-down list has the following options: “Post,” “User,” “URL Query Variable,” “Option Page,” and ” Related Items.” Each selected option activates the appropriate field, allowing one to choose the needed data. Also, this pop-up includes the Restrict access toggle that allows restricting users who are allowed to edit this value. The required settings should be saved by pressing the “Update” button.
edit preset pop-up

In addition, the value can be set into the DEFAULT VALUE field by using a specific form’s fields, macro, or  filter. In particular, pressing the “wrench” icon opens a list with Fields, Extra macros, and Filters.

usage of fields in the default value field

The following macros are available for the Date Field:

  • %CT::CurrentDate% — a macro that returns the date as a timestamp (to use this macro, the quotation marks are required as follows: ‘%CT::CurrentDate%’);
  • %CT::Min_In_Sec% — a macro that returns the number of milliseconds in one minute  (can be used, for example, to get the difference between dates in minutes);
  • %CT::Day_In_Sec% — a macro that returns the number of milliseconds in one day (can be used, for example, to get the difference between dates in days);
  • %CT::Month_In_Sec% — a macro that returns the number of milliseconds in a month (can be used, for example, to get the difference between dates in months);
  • %CT::Year_In_Sec% — a macro that returns the number of milliseconds in a year (can be used, for example, to get the difference between dates in years).

More details about using macros in the Date Field, Datetime Field, and Time Field can be found in the Macros in Date, Time, and Datetime Fields tutorial.

Also, values in the DEFAULT VALUE and other Value fields can be modified by applying the filters to provide calculations, return timestamps, etc. The following filters are available for the Date Field:

  • ifEmpty — a filter that returns the value passed in the argument if the  macro returns an empty value;
  • Timestamp — a filter that returns the time stamp and is usually used in conjunction with Date & Datetime and Time Field;
  • length — a filter that returns the length of the string or array;
  • toDate — a filter that gets the timestamp from the macro and formats it according to the Date field format;
  • addMin, addHour, addDay, addMonth, addYear — filters that add minutes, hours, days, months, and years correspondingly  via an argument to a macro that returns a date or timestamp;
  • subMin, subHour, subDay, subMonth, subYear — filters that subtract minutes, hours, days, months, and years correspondingly  via an argument to a macro that returns a date or timestamp;
  • setMin, setHour, setDay, setMonth, setYear — filters that set minutes, hours, days, months, and years correspondingly via an argument to a macro that returns a date or timestamp.

Finally, a condition-dependent value can be added to this field by pressing the “+ Add Dynamic Value” button. Then, the Edit Dynamic Value pop-up will be open with the following fields:

edit preset pop-up
  • VALUE TO SET ㅡ a field that supports multiple values and allows entering or selecting them dynamically, as well as applying macros;
  • APPLY TYPE ㅡ a drop-down list that specifies how to apply the needed condition: “On change conditions result,” “Once,” or “Always”;
  • FIELD ㅡ a drop-down list that allows selecting the required form’s field to compare;
  • OPERATOR ㅡ a drop-down list that allows selecting the needed operator to compare (e.g., “Equal,” “Not equal,” and more);
  • VALUE TO COMPARE ㅡ a text field that allows entering or selecting values to compare fields dynamically, as well as applying macros;
  • + Add New Condition ㅡ button that adds another FIELD, OPERATOR, and  VALUE TO COMPARE set of fields to compare the form’s field with the specific value;
  • Set value only if field is empty ㅡ a toggle that, if enabled, allows setting the needed value only for empty fields.

Pressing the “Update” button closes this pop-up.

More details on how to use conditional logic in forms can be found in the Conditional Logic for Form Fields on WordPress article.

  • STARTING FROM DATE and LIMIT DATES TO ㅡ the fields of the Value settings that allow users to set the earliest time and the latest time in the “yyyy-mm-dd” format, or setting them dynamically (by pressing the “Dynamic Tag” icon) or using the macros (pressing the “wrench” icon).

Field

The Field setting is presented by the Is Timestamp toggle, which, if enabled, allows saving the date as a timestamp instead of the default plain date. Unlike the plain date data, the timestamps can be sent and used in some third-party apps like Google Calendar.

field settings of the date field

Validation

The setting is presented by the VALIDATION TYPE field with three buttons:

validation settings of the date field

  • Inherit ㅡ a button that, if pressed,  sets the validation to be inherited from the form arguments;
  • Default ㅡ a button that sets the native validation that works by a browser;
  • Advanced ㅡ a button that sets the advanced rules for validation. If pressed, the FIELD IS EMPTY text fields will be shown, which are intended to type the corresponding text or use a macro if the validation is not completed.

More information on the advanced validation via forms and fields can be found in the Advanced Form Validation and Advanced Field Validation with JetFormBuilder: Use Cases tutorials.

Advanced

The Advanced settings include the following fields:

advanced settings of the date field block
  • Add Prev Page Button ㅡ a toggle that enables the PREV PAGE BUTTON LABEL text field for the text that will be displayed on the corresponding button (if added);
  • FIELD VISIBILITY 一 a drop-down list that allows selecting who can observe the block and has the “For all,” “Only for logged in users,” or “Only for NOT-logged in users” options;
  • CSS CLASS NAME 一 a text field for adding an additional CSS class to design the block field.

For an in-depth understanding of configuring the Advanced settings, read the  JetFormBuilder Plugin: Looking Through Advanced Settings tutorial. 

Styling the Block

After installation and activation of the free JetStyleManager plugin, the “Block Style” button will appear in the top right corner. This plugin configures the Alignment, Border, ColorMargin, Padding, and Typography settings of the Date Field.

That’s all about the Date Field available with the JetFormBuilder plugin for WordPress forms.

number field general look

Despite the Text Field allowing the user to insert numbers in it, you need a field for numbers only. With the help of this field, you can either make a bar in the form that will be filled with numbers or set a range for the user to choose from. The value of the Number Field can be used in the formula of the Calculated Field

Settings

number field settings

Field Settings

This field was created for numbers, so the user won’t be able to put letters or other symbols into it. By default, it is possible to type in both whole and fractional numbers into the field. It also has controls that allow choosing any whole positive or negative number, including 0, with the step of 1. However, you can change the range settings.

  • Min/Max Value. By default, there are no restrictions for the field, so the user can insert any value. In those two bars, you can set the maximum and minimum values if you need to limit the possible values;
  • Step. When the user clicks on the controls, a number, equal to the one you have set in this bar, is added to or extracted from the current value in the field. By default, it is set to 1 but you can change it to any whole or fraction number.

Style Settings

number field style settings

If you have installed the JetStyleManager plugin, the Block Style button will appear in the top right corner of the editing window. Here are the styling settings you can meet there:

The Calculated Field can take the values from the form fields and meta fields and use them to perform operations.

calculated field

General Settings

This settings tab includes the basic customization fields:

general settings
  • FIELD LABEL — a name that appears above the field and is visible to users;
  • FORM FIELD NAME — a value that is used as an ID of this field. By default, it is generated from the FIELD LABEL value, but it can be changed if needed.
NOTE

The FORM FIELD NAME value should be unique for the page; it can have no spaces and contain only lowercase Latin letters, numbers, and “-” and “_” symbols.

  • FIELD DESCRIPTION — a description displayed under the field. It can be added to explain how to complete the field.

Field Settings

In the Field settings, one can set the math formula to calculate the field values. For example:

%quantity% * %META::price%

Where %quantity% is a macro for form field value (“quantity” is a field name to get value from) and %META::price% is a macro for current post meta value (“price” is a meta key to get value from).

Also, the following macros can be used for booking:

%ADVANCED_PRICE::_check_in_out%

This macro returns the advanced rate multiplied by the number of days booked (“_check_in_out” is the name of the field that returns the number of days booked).

%META::_apartment_price%

This macro returns the price per 1 day/night.

A set of options that allows customizing the input of the field:

the first part of the field settings
  • VALUE TYPE — a value type stored in the Calculated Field. There are three options available: “as Number,” “as String,” and “as Date.”

As Number

With the “as Number” VALUE TYPE, the Calculated Field will calculate the numeric values taken from the form fields.

These numeric values can be set in the settings of the needed field. Some of the fields have corresponding customization fields: the CALCULATE field for the SelectRadio, and Checkbox Fieldsthe VALUE FOR CALCULATED FIELD for the Advanced Choices Field, and the CALCULATED VALUE for the Switcher Field.

NOTE

If the VALUE TYPE is changed from “as Number” to “as String,” usual values will be pulled for concatenation. More about it can be checked in the next “as String” part of the overview.

When this VALUE TYPE is used, the value should be put within “%” characters. The formula will look similar to this:

%first_field% + %second_field%
NOTE

The provided formula is an example. The formula should be set individually depending on the fields added to the form.

as number value type
  • DECIMAL PLACES NUMBER — the number of digits that will be displayed to the right of the decimal point;
  • DECIMALS SEPARATOR — the separator put after the decimals. By default, it is set to “.”;
  • THOUSANDS SEPARATOR — the separator put after the decimals. By default, there is no separator set;
  • CALCULATED VALUE PREFIX — the text that will be shown before the resulting value here;
  • CALCULATED VALUE SUFFIX — the text that will be displayed after the calculated value;
  • Hidden — a toggle that can be activated to make the current field invisible to users.

Also, check out more about Advanced Math Calculations.

As String

If selected, this option can concatenate string values. For example, the “as String” VALUE TYPE can be added to summarize the content completed in the form.

In this case, the set VALUE will be taken from the fields to make concatenations and not its CALCULATE value.

NOTE

If the “as String” VALUE TYPE is changed to “as Number”, the Calculated Field numeric values will be pulled for concatenation, as mentioned above in the “as Number” part of the overview.

If one selects the “as String” option, the values should be put inside the single or double quotes. For instance, like:

'%first_field% %second_field%'

or

'%first_field%' + '%second_field%'
NOTE

The provided formula is an example. The formula should be set individually depending on the fields added to the form.

With the “as String” option selected as VALUE TYPE, no additional settings are displayed. However, there is a common customization field left for both “as Number” and “as String” VALUE TYPES, the Hidden toggle.

as string value type

As Date

This VALUE TYPE allows calculating the date/time/datetime with other number values in order to get the result in date format.

NOTE

If the calculated result is used as a dynamic value for another Date, Datetime, or Time Field, the following formats should be used:

  • YYYY-MM-DD (Date Field);
  • YYYY-MM-DD HH:mm (Datetime Field);
  • HH:mm (Time Field).

The following date and time formats should be used to calculate the field values:

  • YYYY — 4-digit year (e.g., 2024);
  • MM — month with leading zero (01–12);
  • M — month without leading zero (1–12);
  • MMM — abbreviated month name (Jan–Dec);
  • MMMM — full month name (January–December);
  • DD — day of the month with leading zero (01–31);
  • D — day of the month without leading zero (1–31);
  • HH — hours with leading zero (00–23) in 24-hour format;
  • H — hours without leading zero (0–23) in 24-hour format;
  • hh — hours with leading zero (01–12) in 12-hour format;
  • h — hours without leading zero (1–12) in 12-hour format;
  • mm — minutes with leading zero (00–59);
  • m — minutes without leading zero (0–59);
  • ss — seconds with leading zero (00–59);
  • s — seconds without leading zero (0–59);
  • dddd — full day of the week name (Monday–Sunday);
  • ddd — abbreviated day of the week name (Mon–Sun);
  • A — AM/PM designation.

When this VALUE TYPE is used, the value should be put within “%” characters. The formula will look similar to this:

%event_start_date|T% + %event_duration|toDayInMs%

where “event_start_date” is the FORM FIELD NAME of the Date Field, “T” is a macro indicating timestamp (transforms the date into timestamp), “event_duration” is the FORM FIELD NAME of the Number Field, and “toDayInMs” macro transforms the number from days to milliseconds.

If such a formula is taken, the result will show the end date of the event.

NOTE

The provided formula is an example. The formula should be set individually depending on the fields added to the form.

In order for the calculation to work fine, one should define the correct value in the DATE FORMAT field. More about formats can be found in the field description.

the first part of the as date value type

One more toggle presented in the “as Date” VALUE TYPE settings is Hidden, the same as for the “as Number” and “as String” VALUE TYPES.

the second part of the as date value type

Advanced Settings

One more settings tab of the Calculated Field is Advanced. It contains the following fields for customization:

advanced settings
  • PLACEHOLDER — a placeholder of the field value that will be shown before the calculations are made in the field;
  • Add Prev Page Button — a toggle that adds a “Prev Page” button to the form;
  • FIELD VISIBILITY — a selector that allows picking for whom the field will be visible: for all users, only for logged-in users, or only for not logged-in users;
  • CSS CLASS NAME — a field that allows customizing the appearance of the field with CSS code.

Style Settings

NOTE

This tab becomes available only if the JetStyleManager plugin is installed and activated.

To open the style settings, one should press the “brush” button.

With the Style tab, the following settings can be customized:

style settings

How to Perform Calculation and Concatenation

To perform calculations, one should put the formula in the Calculated Field.

As Number

If the “as Number” FIELD TYPE is selected, the following types of values can be used in the formula:

  • Static numbers —these could be either whole or fractions;
  • Form field value — to get the value, the macro code %field_name% should be used, where “field_name” is the title you put to the FORM FIELD NAME bar;
  • Meta field value — the value will be taken from the meta field that is attached to the post where the form is placed. To get the value, use the macro code %META::field_name%, where “field_name” is the name of the field.

Also, once the “wrench” icon above the Calculated Field is clicked, a list of macros is available. There, the form field macros and extra macros, including date operations, can be found.

One can do all sorts of mathematical operations with those values. Just type the formula into the Calculated Field text area. For example, let’s take a close look at the formula:

%quantity% * %META::price% + 2

This means that the field will take the value from the “quantity” form field, multiply it by the value of the “price” meta field, and add two to it.

In the Calculated Field formula, one can also add conditions for which the ternary operators can be used. More information can be found in the How to Use Conditional Formulas in the Calculated Field tutorial.

Despite the fact that the formula is put into the field’s text area during editing, the users will see only the result of the calculations.

calculation formula

As String

If the “as String” FIELD TYPE is selected, the fields from the current form can be concatenated.

For instance, two Text Fields can be concatenated with the following formula:

'%first_name%' + '%last_name%'

where “first_name’” and “last_name” are the FORM FIELD NAMES of the needed fields.

concatenation formula

Or, one can add a custom text before or after the values. For instance, the form includes two fields: Text Field with a “your_name” FORM FIELD VALUE and Calculated Field with the following formula inside:

'Full name: %your_name%'

With this formula, a value put inside the “Your name” Text Field on the front end will be immediately displayed after the “Full name:” string.

concatenation formula with text field

As Date

If the “as Date” VALUE TYPE is selected, the two values taken from the Time/Date/Datetime Field and another number field can be calculated.

For instance, the formula to calculate the time duration of the event will look like this:

%event_start_time|T% + %event_duration|toMinuteInMs%

where “event_start_time” is the FORM FIELD NAME of the Time Field, “T” is a macro indicating timestamp (transforms the time into a timestamp), “event_duration” is the FORM FIELD NAME of the Number Field, and “toMinuteInMs” macro transforms the number from minutes to milliseconds.

Also, with this formula, one should change the DATE FORMAT to “hh:mm” where “hh” is hours with a leading zero (01–12) in 12-hour format and “mm” is minutes with a leading zero (00–59).

More about the macros used for date/time/datetime calculations can be found in the Macros in Date, Time, and Datetime Blocks tutorial.

field calculating time

That’s all about the Calculated Field available with the JetFormBuilder plugin for WordPress.

The Hidden Field block is a non-required field that can be used in Post Submit Actions, data storage (both dynamic and static), data retrieving, calculations with Calculated Fields, setting conditions with Conditional Blocks, usage of Payment Gateways, Advanced Validation, Global Macros, etc.

Adding the Hidden Field

The Hidden Field block is added to the default JetFormBuilder’s form, as well as to the embedded templates, presented in the Welcome block, and patterns.

hidden field in the default form

Also, after creating a new form or opening a previously built one, the Hidden Field block can be found in the search bar of the block inserter (the “plus” icon) and then inserted where needed.

inserting the hidden field

Settings of the Hidden Field

The Hidden Field block settings are presented by the General, Value, Field, and Advanced tabs.

settings of the hidden field

General

The General settings tab includes the FIELD LABEL and FORM FIELD NAME fields:

the general settings of the hidden field
  • FIELD LABEL ㅡ a field intended for the field’s label;
  • FORM FIELD NAME ㅡ a field intended for the field’s name. This field will be filled out automatically after the text is added to the FIELD LABEL field. Since it will work as an ID, this field should contain the original name. The Latin letters, hyphens, and underscores for the name (but no spaces) are permitted. 

Value

This tab is presented by the DEFAULT VALUE field and the “+ Add Dynamic Value” button.

value settings of the hidden field

The needed value can be inserted into the DEFAULT VALUE field, selected from the required SOURCE, or set as a macro. In particular, pressing the “Dynamic Tag” icon opens the Edit Preset pop-up with the SOURCE drop-down list, which has the following options: “Post,” “User,” “URL Query Variable,” “Option Page,” and more. In turn, each selected option turns on the appropriate field, allowing one to choose the needed data. Also, this pop-up includes the Restrict access toggle that allows restricting users who are allowed to edit this value.

edit preset pop-up

The needed settings should be saved by pressing the “Update” button.

Pressing the “wrench” icon displays a list of Extra macros that can be added to the DEFAULT VALUE field.

macros usage as a default value

Pressing the “+ Add Dynamic Value” button opens the Edit Dynamic Value pop-up with the following fields:

the edit dynamic value pop-up
  • VALUE TO SET ㅡ a field that supports multiple values and allows entering or selecting them dynamically, as well as applying macros;
  • APPLY TYPE ㅡ a drop-down list that specifies how to apply the needed condition: “On change conditions result,” “Once,” or “Always”;
  • FIELD ㅡ a drop-down list that allows selecting the needed form’s field to compare;
  • OPERATOR ㅡ a drop-down list that allows selecting the needed operator to compare (e.g., “Equal,” “Not equal,” and more);
  • VALUE TO COMPARE ㅡ a text field that allows entering or selecting values to compare fields dynamically, as well as applying macros;
  • +Add New Condition ㅡ button that adds another FIELD, OPERATOR, and  VALUE TO COMPARE set of fields to compare the form’s field with the specific value;
  • Set value only if field is empty ㅡ a toggle that, if enabled, allows setting the needed value only for empty fields.

Pressing the “Update” button closes this pop-up.

Field

These settings reproduce the settings on the Hidden Field block:

the field settings of the hidden field
  • Render HTML toggle (enabled by default) ㅡ a toggle that allows use of this field in Calculated Field, Conditional Block, Advanced Validation, Global Macros, or Dynamic Value;
  • Return the raw value ㅡ a toggle that sets the value of the field JSON-encoded if the value is an array or object. Read more about these toggles in the How to Use Really Hidden Fields tutorial;
  • Return the raw value ㅡ a drop-down list that allows assigning specific values to the field:
    • Current Post ID ㅡ an option that assigns the ID of the post where you placed the form;
    • Current Post Title ㅡ an option that assigns the title of the post where you put the form;
    • Current Post/Page URL ㅡ an option that assigns the URL of the page where the form is placed;
    • Current Post Meta ㅡ an option that assigns the value of the meta field that is attached to the post where the form is placed. The name of the field is defined in the Meta Field to Get Value From bar;
    • Current User ID ㅡ an option that assigns the ID of the user that is currently logged in;
    • Current User Email ㅡ an option that assigns the email address of the user that is currently logged in;
    • Current User Name ㅡ an option that assigns the name of the user who is logged in right now;
    • Current User Meta ㅡ an option that assigns the value of the meta field that is attached to the account of the currently logged-in user. That very meta field can be set in the Meta Field to Get Value From bar;
    • Current Post Author ID ㅡ an option that assigns the ID of the author who published the post where you placed the form; 
    • Current Post Author Email ㅡ an option that assigns the email address of the author who wrote the currently opened post; 
    • Current Post Author Name ㅡ an option that assigns the name of the currently opened post author;
    • URL Query Variable ㅡ an option that assigns the query variable that can be further used for some other field;
    • Current Date ㅡ an option that assigns the date when the form is filled in. You can set the format of the date in the Format bar; 
    • Manual Input ㅡ an option that allows you to define the value of the Hidden Field manually by typing it into the Value bar;
    • Referer URL ㅡ an option that helps to see from which page the user comes to the WordPress form.

Advanced

The setting includes the CSS CLASS NAME ㅡ a field for adding the CSS class.

advanced settings of the hidden field

That’s it. Now you know how to use the JetFormBuilder plugin to add the Hidden Field to your form, which is designed for calculations or other purposes on WordPress websites.

The Textarea Field gives the user enough space to type in a bigger piece of text. It creates a text area to place the data in several lines.

textarea field in the form

General Settings

The General settings tab includes the most common settings for field customization. Their description can be found in the General settings section overview.

NOTE

The Dynamic Value setting is transferred to the Value settings tab.

general settings of the textarea field

Value Settings

In the Value settings tab, one can adjust default and dynamic values.

value settings of the textarea field
  • DEFAULT VALUE — a value that will be placed in the form right away when the user opens the form. It can be completed with macros or dynamic presets to pull specific data. User can still change the value if desired;
  • Add Dynamic Value — a button that opens a window to adjust the dynamic value in the Textarea Field.

The Edit Dynamic Value pop-up includes the following customization settings: 

the first part of the edit dynamic value pop-up
  • VALUE TO SET — a value that will be put in the Textarea Field if the conditions are complied with;
  • APPLY TYPE— a drop-down menu with the following options: “On change conditions result,” “Once,” and “Always.” These refer to the application trigger.
the second part of the edit dynamic value pop-up
  • FIELD — a list of fields from the built form. Here, the field for comparison should be selected;
  • OPERATOR — a defining operator that will connect the Field and Value to Compare;
  • VALUE TO COMPARE — here, one more value for comparison should be put;
  • Add New Condition — a button that allows setting more dynamic value conditions;
  • Set value only if field is empty — a switcher that activates the Dynamic Value feature only when the FIELD is empty in the form.

To save the changes, one should press “Update.”

Field Settings

The Field settings tab includes the following customization settings:

field settings of the textarea field
  • MIN/MAX LENGTH (SYMBOLS) — fields where a minimal and maximal number of allowed characters should be put.

Validation Settings

Validation is a process when a browser/web server verifies whether the data in the form has the correct format and works within limits set by the program.

Validation can be set both for the form and for a separate field. In the Textarea Field, there are three types of validation: “Inherit,” “Default,” and “Advanced.” More information about them can be found in the Advanced Form Validation for Separate Blocks article.

validation settings of the textarea field

Advanced Settings

The Advanced tab is described in the Advanced settings section article.

advanced settings tab

Additional Settings Panel

In addition to the block settings next to the form, a settings panel is displayed above the field once it is pushed.

The panel consists of buttons with icons.

textarea field icon in the textarea settings panel
  • The “Textarea Field” button can transform this field into a different one. Not all the fields are compatible for the transformation; their list can be found in the How to Use WordPress Blocks Transformation article;
  • “Click to make this field required” button makes the field required so a user can’t submit the form without completing this specific field;
  • “Copy name” copies the following Form Field Name value into the clipboard;
  • Form Field Name is the same field as in the General tab. It can be completed/changed either here or there;
  • “Sanitize value” option clears disallowed symbols in the field. This button should be pressed to see the specific list of options:
sanitize value icon in the textarea settings panel
  • Sanitize email — deletes symbols that are not allowable in an email;
  • Sanitize key — keys are used as internal identifiers. Lowercase alphanumeric characters, dashes, and underscores are allowed;
  • “Sanitize text” — checks for invalid UTF-8, converts single “<” characters to entities; strips all tags; removes line breaks, tabs, and extra whitespace; strips percent-encoded characters;
  • “Sanitize textarea” — the option is like “Sanitize text,” but preserves new lines (\n) and other whitespaces, which are legitimate input in textarea elements;
  • “Sanitize title” — sanitizes a string into a slug, which can be used in URLs or HTML attributes;
  • “Sanitize url” — sanitizes a URL for database or redirect usage;
  • “Sanitize user name” — sanitizes a username, stripping out unsafe characters;
  • “Custom transform” — specifies the name of the PHP function to process the value.

Also, the ”Options” button is available, which shows the window with default settings used in the Block Editor.

options icon in the textarea settings panel

Style Settings

To style the Textarea Field, one can use the JetStyleManager plugin, which is free and can be installed and activated on your WordPress website.

After clicking the “Block Style” button, the following styling settings appear: Alignment, Border, Color, Margin, Padding, and Typography.

jetstylemanager icon for the textarea field

That’s all about the Textarea Field available with the JetFormBuilder plugin for your WordPress forms.

This field gathers short text information like names, emails, titles, etc. It adds a single narrow text bar to the form. The Text Field could be filled with symbols, numbers, and letters of every language.

text field

General Settings

The General settings tab includes the most common settings for field customization. 

More information about the settings can be found in the General settings section article.

text field general settings

Value Settings

The Value settings tab has two optional setting fields for completion.

text field value settings
  • DEFAULT VALUE — data put here will be automatically shown in the field. Although it can be changed by the user who completes the form;
  • Add Dynamic Value — a button that allows adjusting the value displayed under specific conditions. Once pressed, the Edit Dynamic Value pop-up appears.
edit dynamic value pop-up
  • VALUE TO SET — a value that will be put in the field once the required conditions are met;
  • APPLY TYPE — a selector for the dynamic behavior. Among the options are “On change conditions result,” “Once,” or “Always”;
  • FIELD — a drop-down list with fields from the current form that should be compared;
  • OPERATOR — a comparison operator that will be a binding for the selected FIELD and VALUE TO COMPARE options;
  • VALUE TO COMPARE — a field for the name of the value to compare;
  • Add New Condition — a button that opens one more settings repeater for setting a new condition;
  • Set value only if field is empty — a toggle that makes the dynamic value feature work only if the FIELD is empty.

After finishing with the dynamic value settings, the “Update” button should be clicked.

Field Settings

The following Field settings tab includes several options for adjusting that will make the Text Field more specific for the needed purpose:

text field field settings
  • FIELD TYPE — a drop-down menu with the most common types of information that can be gathered via the Text Field: “Text,” “Email,” “Url,” “Tel,” and “Password.” The type selected here defines the information considered “correct” for this field. For example, if the user places the letters into the “Tel” field, they will receive a notification saying that one of the fields was filled incorrectly;
  • MIN/MAX LENGTH (SYMBOLS) — the minimal and maximal number of symbols for the field;
  • Set Input Mask — the input mask should be used to restrict the users from inserting the wrong data into the field. When this toggle is switched on, access to the mask settings is opened.
set input mask toggle activated
  • Clear mask before submit — a switcher that inactivates the mask once the form is submitted. This feature prevents the mask value from being saved in the meta field or sent in the email. For instance, the Text Field is completed with “(384) 682-4827”, but it includes a mask, so the user filled in the field only with “3846824827,” and the entered numbers will be saved;
  • MASK TYPE — the “Default” and “Datetime” variants differ only in the rules of mask creation. The first one is for any alphanumeric data, and the second is for date and time only;
  • INPUT MASK — a bar where the mask formula should be inserted. There are three definitions: “9” marks the numeric value, “a” means the alphabetic value, and “*” means that both numeric and alphabetic values can be used here.

For example,  a “(999) 999-9999” mask for the phone number defines that the first three symbols must be numbers enclosed in brackets, followed by another three numbers, a hyphen, and four more numbers. The user can only insert numbers into that field, following the pattern set by the mask.

  • MASK VISIBILITY — a time when the mask will be visible to the users. “Always” means that it won’t be hidden, “Hover” will show the mask only when the user hovers a pointer over the field, and “Focus” means that the mask will become visible when the user clicks on the field;
  • MASK PLACEHOLDER — the symbol that will show the user the structure of the mask. That symbol will display where the number or letter has to be inserted.

Validation Settings

A validation is a feature that can be set either for the entire form or for a separate field. With the form/field validation, a browser/web server will verify that the data adheres to the specified format and within constraints set by the program.

By default, the “Inherit” option is set. But two more can be used: “Default” or “Advanced.” Learn more about them in the Advanced Form Validation for Separate Blocks article.

text field validation settings

Advanced Settings

This tab has an additional set of settings for the field. More information about it can be found in the Advanced settings section article.

text field advanced settings

Additional Settings Panel

Once the person who creates the form clicks on the Text Field, an additional settings panel with buttons is displayed.

text field additional settings panel
  • The “Text Field” button allows converting the current field into any other required type within JetFormBuilder. Learn more about it in the How to Use WordPress Blocks Transformation article;
  • “Click to make this field required” is self-explanatory. If the form creator wants to make the field obligatory for completion (which means a user must fill it in to submit the form), this button should be pressed;
  • “Copy name” button copies the Form Field Name into the clipboard;
  • Form Field Name is the same field as in the general settings. Having it in this settings panel can make the form-creation process easier;
  • Sanitize valueclears unwanted characters in the field. Once clicked, more specific options for selection are displayed:
sanitize value button
  • Sanitize email — strip out all the characters that are not allowable in an email;
  • Sanitize key — keys are used as internal identifiers. Lowercase alphanumeric characters, dashes, and underscores are allowed;
  • “Sanitize text” — checks for invalid UTF-8, converts single “<” characters to entities; strips all tags; removes line breaks, tabs, and extra whitespace; strips percent-encoded characters;
  • “Sanitize textarea” — the function is like “Sanitize text,” but preserves new lines (\n) and other whitespaces, which are legitimate input in textarea elements;
  • “Sanitize title” — sanitizes a string into a slug, which can be used in URLs or HTML attributes;
  • “Sanitize url” — sanitizes a URL for database or redirect usage;
  • “Sanitize user name” — sanitizes a username, stripping out unsafe characters;
  • “Custom transform” — specify the name of the PHP function to process the value.

Another button above the Text Field is “Options,” the default settings window for any field used in the Block Editor.

options button

Style Settings

If the JetStyleManager plugin is installed and activated, the “Block Style” button will appear in the top right corner of the editing window.

The styling settings included here are Alignment, Border, Color, Margin, Padding, and Typography.

text field style settings

That’s all about the Text Field available with the JetFormBuilder plugin for your WordPress forms.

The Multi-Optional Field Source is a setting for the Select, Radio, and Checkbox Fields that allows users to choose one or more options from a pre-existing list.

This setting can be used for displaying entered text (“Manual Input” option), meta fields or Custom Post Type (CPT) data to automatically create a list of options (“Posts,” “Terms,” “Users,” “Meta Fields” options), automatically generated data or data taken from the site’s database (“Generate Dynamically” option), taken from the glossaries, and more.

After inserting the Select, Radio, or Checkbox Fields, the settings will be unrolled by default with the “Manual Input” FILL OPTIONS FROM set.

Multi-optional fields allow users to choose one or several options from the ready-made list – Select, Radio, and Checkbox Fields. These three fields have a similar settings window where you can choose the source of the options that will be available to the users.

multi-optional field sources

The needed option can be chosen in the FILL OPTIONS FROM drop-down list; other settings depend on the specified option.

In this drop-down menu, you can select the source of the options list. You can add options manually or use the pre-made list from custom meta fields.

Manual Input

Once set, the option allows manual list creation by pressing the “Manage Items” button.

the edit options pop-up of the select field

To create a list of options for selection, the “+ Add new Option” button should be hit.

The settings are presented by the following “Clone,” “Delete,” and “Switch to bulk editor” buttons and LABEL, VALUE, and CALCULATE fields:

manage items button of the select field
  • LABEL 一 a field to insert the name of the option that users see in the list;
  • VALUE 一 a field to insert the inner data, the value that corresponds to the option;
  • CALCULATE 一 a value from this bar will be taken to the formula, which is calculated by the Calculated Field.

The “Clone” and “Delete” buttons are placed in the top right corner of the Edit Options pop-up and are intended to make a copy of the created option underneath and delete the item.

Also, pressing the “+ Add new Option” button adds another option to the list.

Clicking the “Switch to bulk editor” button opens the Edit Options pop-up, allowing you to add a list of custom or preset choices in bulk.

NOTE

Ensure to input only one option in each line of the input field.

bulk adding of options

The following options are available via the Options preset drop-down list:

  • Three simple options 一 an option that allows entering custom options in bulk. After selecting it, the following will be added to the text field below:

“First Option : first_option : 1

Second Option : second_option : 2

Third Option : third_option : 3”

where the “First Option” is a LABEL, the “first_option” is a VALUE, and “1” is the value for the CALCULATE field (if such is needed);

  • Days 一 an option that inserts the list of weekday names;
  • Months 一 an option that inserts the list of the month names;
  • Countries 一 an option that inserts the list of country names.

There is the following link and button at the top and bottom of the pop-up, respectively:

  • Switch to manual editor 一 a link that allows return to the manual option input window without saving the bulk options field changes;
  • Add to the options 一 a button that adds bulk options to the multi-optional field alongside any manually created options one may already have.
bulk options added to the list

Once done, the “Update” button should be pressed.

The “Manual Input” option is often used in forms that allow selection, such as booking forms. More details on using this option can be found in the How to Add and Use a Repeater Field in the Form tutorial. 

Also, look through the How to Create Evaluation Forms in WordPress tutorial to learn how to create a bulk option list manually.

Posts

This type of source extracts data from the post or page’s meta fields to automatically create a list of options. If a CPT is created via plugins like JetEngine or ACF, these posts can also be shown.

The following settings can be configured:

the post option set in the checkbox field
  • POST TYPE 一 a drop-down list to select the source for the items (e.g., WordPress Posts, Pages, and Media, or the CPTs if available);
  • VALUE FROM META FIELD 一 a field to specify the name of the specific meta field of the CPT from which the value will be pulled (if the meta field is available). In this case, by default, the values ​​of the options will be taken from the post or page IDs;
  • CALCULATED VALUE FROM META FIELD 一 a field to specify the name of the Calculated Field in the form to include a value from a specific meta field in the formula;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom listing template.

The “Posts” option is often used in forms intended to implement the “Service-Provider” functionality, such as appointment forms. For more details on using this option, refer to the How to Build an Appointment Form tutorial.

Terms

This type of source is intended to build a list from the categories or taxonomies that have already been created. For example, if the WooCommerce plugin is used, a list of product categories can be formed. Also, if the ACF or JetEngine plugins are used and a custom taxonomy is created, it is possible to create a list of content, too.

The following settings are available:

terms source for the multi-optional fields
  • TAXONOMY 一 a drop-down list to select the type of taxonomy that will be used to create a list. In addition to the default WordPress categories, the tags, navigation menus, link categories, and formats can be selected. The names of the taxonomy items will be used as labels in the list;
  • VALUE FROM META FIELD 一 a text field to take the values from a custom meta field added to the taxonomy instead of the default term IDs used as the values for the list items;
  • CALCULATED VALUE FROM META FIELD 一 a field to specify the name of the Calculated Field in the form to include a value from a specific meta field in the formula;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom listing template.

The “Terms” option is often used in the corresponding fields of forms for registering or using categorized objects. For example, read about applying the “Terms” option for a taxi site in the How to Create a Taxi Booking Form tutorial to learn how to allow choosing categories and display them via the Select Field, and the Insert and Update Term tutorial to know how to manage and display the terms.

Meta Fields

The “Meta Field” option displays the custom meta field data used to create an options list. The information for each post will differ and can be displayed separately from the post’s meta fields, which are created with plugins like JetEngine or ACF.

meta field source for the multi-optional fields

The option’s setting is presented by the META FIELD TO GET THE VALUE FROM bar, which is intended to add the name of the meta field, or meta field values that can also be used as calculated values.

Generate Dynamically

This source option is intended to create two types of dynamically generated lists. In this case, “dynamically generated” means that it is not taken from the meta fields. The list is created by one of the generator functions that can be chosen.

The list is created by one of the generator functions that can be chosen; also, if needed, an AI custom generator can be created.

generate dynamically source for the multi-optional fields

Pressing the “assistant” link below the FILL OPTIONS FROM drop-down list redirects users to chatgpt.com to generate the code of the plugin, which registers a new options generator for JetFormBuilder.

chat.gpt new options generator for jetformbuilder

Settings

If the “Generate Dynamically” option is set, the GENERATOR FUNCTION drop-down list will be displayed. This drop-down list is intended to select the rules of the options list generation among the following options.

the generator function options

The first one is the “Numbers range by meta value” GENERATOR FUNCTION option that creates a range of numbers from “1” to the number in the meta field.

the numbers range by meta value option of the generator function drop-down

If set, it activates:

  • META KEY 一 a field to insert the needed maximum number or keep the default “_max_quantity” macro to define it. For example, for a meta field named “Available items,” and for the post where the form is placed, it has a value of “5.” In this case, the “Numbers Range” will create a list containing numbers from “1” to “5;”
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom listing template.

The second option is the “Numbers range by manual input” GENERATOR FUNCTION option, intended to enter into fields to create a list of numbers. If enabled, it activates:

the get values list from database option of the generator function drop-down
  • META KEY 一 a field to insert the meta key to get values from the “wp_postmeta” table of the WordPress site. 
  • Enable Auto-Update 一 a toggle that, if enabled, allows automatically refreshing the list of options whenever a selected meta key changes its value. If one option changes, the whole list changes automatically. It works in the following way: users change the value in the watched field, after that JetFormBuilder sends a request to the generator endpoint, next the generator enumerates the options taking into account the context, and, finally, the field receives the updated list. If the Enable Auto-Update toggle is activated, it activates the TRIGGER FIELD drop-down list to specify the form’s field to be used to return one or more user role slugs, for example: administrator, editor, subscriber. The value overrides the static “Filter by Roles” setting above. If the TRIGGER FIELD is empty, the static roles are used. Also, it activates the REFRESH ON BUTTON CLICK drop-down list to specify a button among the form’s buttons that controls this generator, and the CACHE DURATION (SECONDS) field to enter the corresponding value;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom template.

The fourth option is the “Get values list from WordPress Users” GENERATOR FUNCTION option 一 an option that allows searching in the User’s data and getting these values. If enabled, the next fields will be added:

the get values list from database option of the generator function drop-down
  • FILTER BY ROLES (OPTIONAL) 一 a menu to select the needed roles to include;
  • OPTION VALUE 一 a drop-down list to choose the needed User’s data as “User ID,” “Username (login),” “Email,” and “Nicename (slug)”;
  • OPTION LABEL 一 a drop-down list to select the label for the specified OPTION VALUE as “Display Name,” “Username (login),” and “Email”;
  • Include Current User 一 a toggle that allows the inclusion of the log-in user in the list;
  • ORDER BY 一 a drop-down list to select the field the list should be ordered by. Among available options are: “Display Name,” “Username,” “Registration Date,” and “User ID”. Setting the “-1” option includes all users;
  • MAX USERS 一 a field to set the maximum number of users in the list;
  • Enable Auto-Update 一 a toggle that, if enabled, allows automatically refreshing the list of options whenever a selected field changes its value. If one option changes, the whole list changes automatically. It works in the following way: users change the value in the watched field, after that JetFormBuilder sends a request to the generator endpoint, next the generator enumerates the options taking into account the context, and, finally, the field receives the updated list. If the Enable Auto-Update toggle is enabled, it activates the TRIGGER FIELD drop-down list to specify the form’s field to be used to return one or more user role slugs, for example: administrator, editor, subscriber. The value overrides the static “Filter by Roles” setting above. If the TRIGGER FIELD is empty, the static roles are used. Also, it activates the REFRESH ON BUTTON CLICK drop-down list to specify a button among the form’s buttons that controls this generator, and the CACHE DURATION (SECONDS) field to enter the corresponding value;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom template.

The next option in the GENERATOR FUNCTION drop-down list is the “Get related posts list,” which builds the list based on the related posts. The following fields are activated:

the get values list from the REST API fields
  • API Endpoint URL 一 a text field intended for inserting the API Endpoint URL, which must return a JSON array or object. Also, for auto-update, the {field_name} placeholders should be used to inject values from watched fields;
  • OPTION VALUE 一 a text field for insertion of a JSON key for option value. The field supports dot notation: “data.id;”
  • OPTION LABEL 一 a text field for insertion of the JSON key for the option label. The field supports dot notation: “data.name;”
  • ITEMS PATH (OPTIONAL) 一 a text field for a path to the array inside the JSON response. The field should be left empty if the root is already an array;
  • REQUEST HEADERS (OPTIONAL) 一 a text field for insertion of a request header. Here, one header per line in format “Header-Name: value” should be inserted;
  • REQUEST TIMEOUT (SECONDS) 一 a text field for entering the request timeout in seconds;
  • Enable Auto-Update 一 a toggle that, if enabled, allows automatically refreshing the list of options whenever a selected field changes its value. If one option changes, the whole list changes automatically. It works in the following way: users change the value in the watched field, after that JetFormBuilder sends a request to the generator endpoint, next the generator enumerates the options taking into account the context, and, finally, the field receives the updated list. If the Enable Auto-Update toggle is enabled, it activates the TRIGGER FIELD drop-down list to specify the form’s field to be used to return one or more user role slugs, for example: administrator, editor, subscriber. The value overrides the static “Filter by Roles” setting above. If the TRIGGER FIELD is empty, the static roles are used. Also, it activates the REFRESH ON BUTTON CLICK drop-down list to specify a button among the form’s buttons that controls this generator, and the CACHE DURATION (SECONDS) field to enter the corresponding value;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom template.

The next option of the GENERATOR FUNCTION drop-down list is the Get values list from JetEngine list options, an option that allows adding custom meta fields to posts, terms, or users via the Meta Boxes feature of the JetEngine plugin. In particular, the meta key should be selected from the OPTION NAME bar to get a list from the Meta Box meta fields. Also, the REPLACE SUB FIELD text field is available to insert the corresponding sub field, and the Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom listing template.

the get values list from the JetEngine list options fields

The last option of the GENERATOR FUNCTION drop-down list is the Get values list from JetEngine Query 一 an option that creates a list of options based on the query results of the custom query built with the Query Builder tool of the JetEngine plugin. This option gets values from any type of custom query (post query, terms query, etc.). For example, a custom query of the Users Query type that filters the list of users by a custom meta field can be used to generate a list of queried users as options for the multi-select fields. 

The following fields are available:

  • QUERY ID 一 a drop-down to select the needed query to fetch options from. Also, if a Posts Query is used and it is not needed to use a calculated value, only the query ID can be set. An example for the Posts Query may look like this: 

47|ID|post_title|post_author

Where “47” 一 the ID of the custom query; 

“ID” 一 an option that provides values, in this case, the post ID;

“post_title” 一 an option that provides labels;

“post_author” 一 an option that provides calculated values.

  • OPTION VALUE 一 a text field for insertion of an option value (e.g., “ID,” “post_name,” “meta_key”);
  • OPTION LABEL 一 a text field for insertion of the option label (e.g., “post_title,” “display_name”);
  • CALCULATED FIELD一 an optional field for calculated value (e.g., “price,” “_regular_price”);
  • Enable Auto-Update 一 a toggle that, if enabled, allows automatically refreshing the list of options whenever a selected field changes its value. If one option changes, the whole list changes automatically. It works in the following way: users change the value in the watched field, after that JetFormBuilder sends a request to the generator endpoint, next the generator enumerates the options taking into account the context, and, finally, the field receives the updated list. If the Enable Auto-Update toggle is enabled, it activates the TRIGGER FIELD drop-down list to specify the form’s field to be used to return one or more user role slugs, for example: administrator, editor, subscriber. The value overrides the static “Filter by Roles” setting above. If the TRIGGER FIELD is empty, the static roles are used. Also, it activates the REFRESH ON BUTTON CLICK drop-down list to specify a button among the form’s buttons that controls this generator, and the CACHE DURATION (SECONDS) field to enter the corresponding value;
  • Use custom template 一 a toggle that activates the USE CUSTOM TEMPLATE drop-down list to specify the needed custom listing template.
get values list from JetEngine query

The generator takes the parameters obtained via the query. In turn, these parameters can be viewed while editing the query.

generated parameters previewed via the query

Use case

Here, we consider a case of using a query and Post Submit Actions to connect user data with the Custom Post Types via forms. In particular, logged-in users can choose the needed option from a list via forms on the front-end. Since users can have anonymous names, there is a need to establish a backend connection between the users’ data (such as their First Name and Last Name, which should be concatenated) and the selected option.

Additionally, the users should already exist, the necessary data should be added to their profiles, and they should be logged in. Read the How to Create a New User via WordPress Dashboard tutorial for more details. Also, if needed, the required settings can be managed by the User Profile feature of JetEngine.

Create a query

Move to the WordPress Dashboard > JetEngine > Query Builder tab and create a user query. Here, we do not configure other settings, but copy the query’s ID (“78”, in this case).

The “Generate Dynamically” option is used, for example, in forms intended to connect user data to Custom Post Types, as described in the How to populate form field with list of users (by user’s role or relation) tutorial.

the query created for displaying users' lis

Build and configure a form

Next, create a form and add the needed fields. Since we focus only on the usage of the query as a “Generate Dynamically” option, we do not configure other settings. In this case, one can create a login form or combine registration and login in one form. In the developed form, we divide it into two Columns and insert the Checkbox Field into the left one. Then, we configure the following settings: set the “Generate Dynamically” FILL OPTIONS FROM, “Get values list from JetEngine Query” GENERATOR FUNCTION, and type the following text in the FIELD NAME field: “78|ID|user_login”, where “78” is the created query’s ID.

applying the query via the dynamically generated dynamically settings

Once completed, set the Post Submit Action settings. Here, we set the “Insert/Update Post” Post Submit Action to capture students’ full names who want to take a specific course and save the corresponding data in the CPT posts.

the insert and update post submit action pop-up

Also, the “Update UserPost Submit Action can be added to the form.

Finally, save the form.

Test the flow

Insert the form into a page using the JetForm widget/block/element. Then, save the page and move to the front-end to observe the list of students and courses available. Here, the logged-in users can select their name and the needed courses.

the user’s list added via the query

Here, tick the user’s full name and the corresponding course to be saved.

Glossary

The JetEngine Glossary feature creates a list of options and can be used for different custom meta fields and form fields.

glossary source for the multi-optional fields

The settings are presented in the SELECT GLOSSARY drop-down list, which allows you to select the required glossary.

More details on adding, configuring, and using glossaries can be found in the How to Add Glossary to Form Fields and How to Import Glossary from the File tutorials. Also, watch the How to work with JetEngine Glossaries video to learn how to display glossaries on the front-end and more.

Inserting Data from the Front End

The “Enable custom option” is available only for the Radio and Checkbox Fields. It allows users to add custom options on the front end. To activate this feature, the “Enable custom option” button should be pressed.

enabling custom option setting

For the Radio Field, the input field will be added on the front-end as one of the options. 

custom option in the radio field on the front-end

For the Checkbox Field, the “+ Add New” button appears on the front end to add a custom option to the list. Also, the BUTTON LABEL field to customize the corresponding text will be added to the Checkbox Field Block settings on the Value tab.

custom option in the checkbox field

That’s all about configuring the Multi-Optional Field Source settings of the Select, Radio, and Checkbox Fields of the JetFormBuilder plugin for WordPress to display data entered manually, automatically generated, and from meta fields.

All the form fields have this settings section as well as the General settings unfold. It contains a set of additional features that can vary a little for different fields. Let’s take the Text Field as an example and take a closer look at the settings.

advanced settings section overview
  • Placeholder. The text you will type in here will be shown in the bar until the user clicks on it. You can write an example of data you want the user to put in. Unlike the Default Value, this text doesn’t count as data that fills in the bar, so, if the field is required, the user would still have to insert his/her own information;
inserting the text into placeholder field
  • Add Prev Page Button. If you have used the Form Break Field to create several independent pages, you might want to give the users an opportunity to turn back to the previous page. In this case, turn this toggle on and type in the name of the button in the Prev Page Button Label bar;
adding previous page button settings
  • Field Visibility. You can make a certain field invisible for some of the users. Here you can choose who will be able to see it: all users (For all), the ones who are logged in (Only for logged in users), or those who are not (Only for NOT-logged in users);
  • CSS Class Name. This bar is for the CSS code if you would like to add it.

This settings section is common for all the form fields and contains almost the same set of options. Let’s take a closer look at it on the example of the Text Field.

general settings section for fields
  • Field Label. It is a name that appears above the field bar and is visible to users. Usually, it shows the users what kind of information this field requires. For example, it can be Name, Email, or Country;
  • Form field name. This name is visible only to you and is used as an ID. Usually, it originates from the Field Label. Be aware that you can use only Latin letters for this name. Numbers, hyphens, and underscores are also acceptable but don’t leave spaces. If you want to use two words to name the field, divide them with an underscore or hyphen;
  • Field Description. If you need to give the user some additional explanations about how to fill in the field, you can do it in the description. The text you insert into this text bar will appear under the field;
defining text field label and field description
  • Default Value. The data you place here will be automatically added to the field. The user will be able to change it; however, if he won’t, this information will be added instead. You can also add a preset here. Click the button with a cylinder-shaped icon and the preset creation window will pop up. 
choosing the source for a preset

You can choose to take the information from the Post or User data.

setting the post property for preset

In the Get post ID from select, gather data from the current post or add the query variable. Concrete information can be chosen in the Post property drop-down menu. More details about the Preset creation you can learn from this tutorial.