How to Customize Form Field Options

Would you like some easy to use options to customize your form fields? Within WPForms, each field comes along with a bunch of built-in ways to let you build a more custom form. In this tutorial, we’ll discuss the many options available to customize fields in your forms.

Standard Field Options

Before we get started, you’ll need to create a new form or edit an existing form.

Once the form builder is open, you can add, remove, and edit fields. To open the Field Options for a field, simply click that field within the preview area.

Open the Field Options for a field

Change Field Label Text

When you first add a field to your form, the label will match the type of field (for example, “Checkboxes” or “Multiple Items”). However, you can edit the Label text however you’d like.

Change field label text

Add Description Text

You can also optionally add Description text to your form fields. This text will display below the input/options area.

Add description text to a form field

For more details, please see our tutorial on adding extra text to your forms.

Require a Field

Under the Description option, you can also check the Required box to make a field mandatory.

Mark a field required in WPForms

If a user skips a required field and tries to submit the form, a validation message will display reminding them to fill out that field.

Validation message example for a required field

Note: Did you know that you can customize validation message text? For details, please see our validation message tutorial.

Advanced Field Options

Advanced Field Options will provide even more customization options for your fields. To locate these, you’ll need to click on the Advanced Options section.

Open the Advanced Options section for a field

Select a Field Size

Most fields will include an option to change the field size, which can be super useful when customizing the appearance of your forms.

If available for the type of field you’re editing, you’ll see a Field Size dropdown. Options will include SmallMedium, and Large.

Field Size options in WPForms

In most cases, the Field Size will determine the width of the field within your form.

Example of small medium and large field sizes in WPForms

However, there’s one exception: for a Paragraph Text field, the Field Size will set the height of the input area.

Note: If you’d like to place more than one field in the same row, please see our tutorial on multi column form layouts.
Add Placeholder Text

Many fields will allow you to add Placeholder Text, which displays until the user starts typing their own text.

Add Placeholder Text to a form field

Placeholder text can be used to provide instructions or even to change the design of a form. If you’d like to know more, we’ve shared extra details and examples in our placeholder text tutorial.

Hide Field Label

If you’d like a more compact or simplified form, you may want to consider hiding the labels for fields.

To do this, you’ll need to check the Hide Label box.

Hide label for a field in WPForms

Note: If you choose to hide field labels, please still be sure to enter a relevant name into the label of the field. Since the label will still appear within the entry details, this will help to identify each field.
Set a Default Value

In some cases, you may want parts of a form to be pre-filled for a user. That way they can be saved a little effort, but can still change the input/selection if needed.

If this option is available for the type of field you’re editing, you’ll see a Default Value field under the Advanced Options section.

Set a Default Value for a field in WPForms

For more details and examples, including defaults for Checkboxes and Multiple Choice fields, be sure to check out our guide to adding default values to fields.

Add a Multi-Column Layouts or CSS Classes

Multi column layouts are one of the easiest ways to make your forms look more customized, and in WPForms you won’t need to know any code to set this up.

After opening the Advanced Options section for the field, you’ll need to look for the CSS Classes field. Then on the right side of this field, click Show Layouts.

This will open the layout tool, which will automatically add the CSS classes you need to create a multi column layout.

Set up a multi column layout in WPForms

For a more detailed guide, be sure to check out our tutorial on creating multi column form layouts.

Or if you’d like to add custom CSS, we have a guide to using your own custom CSS classes as well.

Special Options for Checkboxes and Multiple Choice Fields

Below, we’ll discuss a few additional options available specifically for Checkboxes and Multiple Choice fields.

Add Image Choices

You can easily add images to any Checkboxes, Multiple Choice, or Multiple Items field. To do this, you’d just need to check the Use image choices box.

Use image choices

After this box is checked, you’ll be able to upload images for each option within your field.

For more details, please see our tutorial on adding image choices to your forms.

Randomize Options

Randomizing the options you provide can help to avoid order bias, which is especially useful if you’re using our Surveys and Polls addon.

Under Advanced Options, you can check the Randomize Options box to enable this option.

Enable randomize choices for WPForms field

Include Dynamic Choices

The Dynamic Choices option is super useful if you want choices in a Checkboxes, Multiple Choice, or Dropdown field to be the names of pages, posts, or categories on your site. When enabled, this option will automatically populate the list of choices for the field (and keep the list updated for you if anything changes).

To start setting up this option, open Advanced Options and select an option in the Dynamic Choices dropdown.

Dynamic post type source

For more details, please see our tutorial on setting up dynamic options.

That’s it! You can now customize your form fields with tons of built in options in WPForms.

Next, would you also like to add smart logic to make your forms even more customized? Be sure to check out our tutorial on conditional logic for details and lots of examples.

Related Articles