Using the Multiple Choice Field

Would you like to change the appearance or functionality of your form’s Multiple Choice fields? In WPForms, there are plenty of options available to help you adapt this field type to your specific needs.

This tutorial will cover all the different ways you can customize a Multiple Choice field.

---

Before you get started, make sure WPForms is installed and activated on your site. Then, you can create a new form or edit an existing one to access the form builder.

Adding the Multiple Choice Field to a Form

Once you’re in the form builder, add a Multiple Choice field to your form if you haven’t done so already. You can click on this option under Standard Fields or drag and drop it into the preview area.

To access all the options for your Multiple Choice field, click on it in the preview area to open the Field Options panel.

Editing the Field Label and Description

First, you can change the field label and description.

Changing the Field Label

By default, the field label will be “Multiple Choice.” You can change this to whatever you’d like by entering custom text in the Label field.

Adding a Description

Adding a field description is a great way to give users instructions or other information on how to fill out your Multiple Choice field. You can enter your custom text in the Description field.

Editing, Adding, and Removing Choices

Your Multiple Choice field’s choices are naturally one of its most important features. You can customize these items in the Field Options panel.

Editing Multiple Choice Choices

To change the label of any existing choice, just type your desired text into the field provided.

To reorder your choices, simply drag and drop them into the order in which you want them to appear.

Finally, if you would like to preselect an option, click on the radio button to the left of its label.

Adding and Removing Multiple Choice Choices

To add a new choice to your field, click on the blue plus (+) button next to any existing option.

The new choice will appear immediately below the one whose plus (+) button you click.

If you want to add multiple choices all at once, click on Bulk Add.

Then enter each of your new choices on its own line in the field provided. Once you’re done, click on Add New Choices.

All of your bulk choices will be added to the end of your list of choices.

If you would like to remove a choice from your field, just click on the red minus (-) button next to it in the Field Options panel.

Using Image Choices

The Multiple Choice field enables you to add images to your choices. To do so, toggle on the Use image choices option.

When this option is on, each choice will have its own Upload Image button. Click on it to select a file from your Media Library or computer.

After you upload your image file, you’ll see a preview of it in the Field Options panel.

Using Icon Choices

The Multiple Choice field also enables you to add icons to your choices. To enable this feature, toggle on the Use icon choices option.

Once you’ve enabled icon choices, you’ll see default icons added to each choice in your Multiple Choice field. Go ahead and click on one of the default icons to replace it with your preferred icon.

Next, the Icon Picker will appear where you can browse and search over 2,000 icons. Once you find an icon that you like, click on it to add it to your form.

After selecting an icon from the Icon Picker, it will appear in the form builder.

Requiring the Field

If you want to ensure users have to make a selection from your Multiple Choice field before they submit your form, you need to make it required.

Just toggle on the Required option to do so.

When you publish your form, users will see a message that reads, “This field is required” if they try to submit your form without selecting a choice.

Randomizing Choices

Loading your Multiple Choice items in a random order each time can prevent order bias in your entries. You can enable this feature in the advanced field options.

To access these settings, click on Advanced at the top of the Field Options panel.

Then toggle on the option labeled Randomize Choices.

Displaying Choices in a Multi-Column Layout

Organizing your Multiple Choice items in a multi-column layout condenses the amount of space the field takes up. Especially if your Multiple Choice field has a lot of options for users to select from, this can be quite helpful.

Using the Choice Layout dropdown, you can create a 1, 2, or 3-column layout for your choices.

You can also choose the Inline layout, which will put as many choices as possible in a single row. If you have more choices than can fit in one row, they will wrap into another one like so.

Using Multiple Choice Dynamic Choices

WPForms enables you to pull data, such as taxonomies or post titles, from your WordPress site to use as choices in your selection fields. As you update this information elsewhere on your site, it will update in your forms, too.

To set this up, select either Taxonomy or Post Type from the Dynamic Choices dropdown.

Hiding the Field Label

Finally, if you would like to prevent the field label from appearing on the frontend, you can hide it by toggling on the option at the bottom of the advanced field options.

Frequently Asked Questions

Below, we’ve answered some of the most common questions we receive regarding the Multiple choice field.

Can I configure my form to automatically submit when a Multiple Choice field is selected?

Yes, your form can be set up to submit automatically once a selection is made in a Multiple Choice field. To learn how to set this up, please see our developer documentation on triggering form submission with a field choice.

That’s it! Now you know how to customize the field options for Multiple Choice fields in WPForms.

Next, would you like to learn how to hide or show your Multiple Choice field based on users’ input or selections? Check out our tutorial on how to use WPForms conditional logic.