Custom Field Settings

Estimated reading: 6 minutes 20 views

If the pre available fields are not sufficient then you can add custom fields which has various field types. The available fields types are:

  • Textfield
  • Textarea
  • Radio Button
  • Checkbox
  • Select Dropdown
  • Number
  • Email
  • Datepicker
  • Fileuploader
  • URL
  • Telephone
  • Youtube Embed
  • Hidden
  • WYSIWYG Editor
Custom Field Settings WPSF Pro

While adding custom field, you will need to enter Label and Meta key. Label is for displaying the label in the form and meta key is for storing the custom field. While entering meta key, you shouldn’t use any special characters or symbols except underscore(_). If you want to add custom field for receiving Street Address then meta key shall be street_address

Here are the options available for Textfield:

  • Show on form – You can enable or disable it as per your need in the form
  • Required – You can make it required if required.
  • Field Label – This is the label which will actually be shown in the form when used in the frontend.
  • Field Note – This note will show just below the field. You can use this to give any extra information regarding the field.
  • Character Limit – You can set the character limit for the post title if required.
  • Character Limit Error Message – You can set the message to be displayed when character limit error occurs.
  • Post Detail Display – By enabling this option, you can display received custom fields value in the post detail page in the frontend.
  • Display Position – You can either choose to display the received custom field value before the content or after the content
  • Display Label – This is the label which will be shown in the post detail page while displaying the received custom field value

All of the settings are same as Textfield

Major options are same as Textfield. Only dropdown option configurations are extra in these field type. Dropdown option has option and value field. Option field will show as the label of the dropdown option and value field will actually be stored when that specific dropdown is selected. So both option and values shall be filled.

All the field options are same as of Textfield. Other extra options are min value and max value which can be validated before form submission.

All the fields are same as of Textfield

All the fields options are same as of Textfield. One of the extra option available is date formats. You can choose from available date formats.

And another option available is Save as string. By enabling the “Save as String” option, the chosen date will be stored in the string format which can be used by other plugins. If you don’t have use of the received values for any other plugins then please don’t check this option.

Beside common settings, there are fileuploader settings available for this field. Here are the fileuploader specific settings:

  • Upload Button Label – This is for displaying the label of the upload button.
  • File Extension – These are the list of the extension supported by your WordPress. You can choose your desired extension which will be validated when upload is started in the frontend.
  • Upload File Size Limit – This field is for setting the size limit for file being uploaded. You can enter the size in MB.
  • Upload File Size Error Message – This field is for setting the error message to be displayed when upload file size limit is occurred.
  • Multiple Upload – You can enable this option to allow users to upload multiple files
  • Allowed Number of Files – You can set how many files you are allowing users to upload.
  • Upload Limit Error Message – This field is for setting the error message when users try to upload more than allowed number of files.
  • Post Detail Display – You can enable this option if you want to display the received files in the post detail page.
  • Display Position – You can choose either to display below or after the post content.
  • Open in new tab – Received files will be displayed as link in the frontend post detail page. You can enable this option if you want to display the received files in new tab when clicked.
  • Image Size – If you are receiving the images from the configured file uploader then you can choose the image size to display from the registered image sizes.
  • Show on Form – Check this option to show the field on the form.
  • Required – Check this option to make the field mandatory.
  • Field Label – Enter “URL” or any other desired label for the field.
  • Field Note – Enter the note text. Leave blank if no note is needed.
  • Post Detail Display – Check this option to show the field value on the post detail page.
  • Display Position – Select “After Content” to display the field value after the post content.
  • Display Label – Enter the label text for the display of the field value.
  • Open in New Tab – Check this option to make the link open in a new tab.

All the field options are same as of Textfield. Other extra options are min valuemax value, and pattern which can be validated before form submission.

Telephone Field
Youtube Embed

1. Show on Form: Check this option to show the WYSIWYG Editor on the form.

2. Required: Check this option to make the WYSIWYG Editor field mandatory.

3. Field Label: Enter “WYSIWYG Editor” or any other desired label for the field.

4. Field Note: Enter the note text. Leave blank if no note is needed.

5. Editor Type – Here are currently 4 editor types.

  • Simple Textarea – This editor is a simple textarea which doesn’t have any editing tools
  • Rich Text Editor – This editor is the WYSIWYG editor which has both html and visual version which consists of text editing tools such as bold, italics
  • Visual Text Editor – This editor is the WYSIWYG editor which has only visual version without html version
  • HTML Text Editor – This editor is the WYSIWYG editor which has only HTML version without visual version

6. Editor Height: Enter the height in pixels (px) if you want to increase or decrease the default height.

7. Min Character Limit: Enter the minimum number of characters required.

8. Max Character Limit: Enter the maximum number of characters allowed.

9. Character Limit Error Message: Enter the error message text for character limit violations.

10. Post Detail Display: Check this option to show the field value on the post detail page.

11. Display Position: Select “After Content” to display the field value after the post content.

12. Display Label: Enter the label text for the display of the field value.

Share this Doc

Custom Field Settings

Or copy link

CONTENTS