Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
25 Million+
Websites using our plugins
Years of WordPress experience
WordPress tutorials
by experts

How to Add Image Choices in WordPress Forms (Boost Engagement)

Editorial Note: We earn a commission from partner links on WPBeginner. Commissions do not affect our editors' opinions or evaluations. Learn more about Editorial Process.

Are you looking to add image choices in WordPress forms?

Instead of just displaying text choices, images can instantly make your WordPress forms more engaging. This can help improve your response rate and form conversion rates.

In this article, we will show you how to easily add image choices in WordPress forms to boost user engagement.

How to easily add image choices in a WordPress form

Why Use Image Choices in Your WordPress Forms?

Image choices are photos, illustrations, graphics, or icons that your users can choose between when filling out a form on your WordPress website.

Here’s an example of a form using image choices rather than regular text options. The first choice, Strawberries, has been selected:

An example of image choices in use in a form: shows colorful images for 6 fruit options

Image choices can make your forms look more polished, professional, and visually appealing, which can help users decide faster.

For instance, if you run a restaurant website that offers delivery, then you’ll want to have an order form on your website. You can now use images of your different dishes to help potential customers choose what they want.

Other than that, image choices can make it easier for an audience with reading difficulties or someone who isn’t fluent in your language to fill in your form, improving user experience.

Having said that, let’s see how to easily add image choices in WordPress forms.

Video Tutorial

Subscribe to WPBeginner

If you’d prefer written instructions, then just keep reading.

How to Add Image Choices to Your WordPress Forms

You can easily add image choices to your WordPress forms with WPForms to boost engagement.

It is the best WordPress form builder plugin on the market and allows you to easily create forms using a simple drag-and-drop form builder.

First, you’ll need to install and activate the WPForms plugin. For detailed instructions, see our step-by-step guide on how to install a WordPress plugin.

Note: You can also use WPForms Lite, which is completely free to add image choices to your form. However, we will be using the pro version as it has more features.

Upon plugin activation, head over to the WPForms » Add Form page in your WordPress dashboard to create a new form.

This will take you to the ‘Select a Template’ page, where you can start by typing a name for your form.

After that, click the ‘Use Template’ button under a pre-made template of your choice. For this tutorial, we will be using the ‘Simple Contact Form’ template.

A WPForms contact template

This will launch the WPForms form builder interface, where you’ll see a form preview on the right side of the screen and a column with form fields in the left corner.

You can now edit any form field of your choice by clicking on it, move it up and down, or delete it.

For more detailed instructions, you may want to see our tutorial on how to create a contact form in WordPress.

The default form created using WPForms' Contact Form template

Next, you have to add the Multiple-choice field from the left column into the form preview so that you can create image choices for customers.

We are going to place it just above the ‘Comment or Message’ box.

Note: Image choices also work with the Checkboxes field. Use that if you want your user to be able to pick more than one option.

Adding a multiple choice field to your form

After that, click on the Multiple Choice field to edit it. This will open the field options on the left-hand side of your screen.

You’ll now notice that this field allows you to add text options by default.

Editing the multiple choice field for your form

However, you can easily change that by toggling the ‘Use Image Choices’ switch.

Once you do that, an ‘Upload Image’ button will appear under each multiple-choice field.

Toggle Image Choice switch

Next, you can type in whatever you want for the field text label and then click the ‘Upload Image’ button.

You can now upload an image from your computer or select one from the WordPress media library.

Uploading images for the different choices on your form

We recommend using .jpg or .png images that are no more than 250px by 250px.

Keep in mind that your pictures will look the best in your form if they are all the same size.

Important: WPForms won’t resize your images. You’ll need to make sure they’re the size you want before uploading them. Alternatively, you can edit your images in WordPress itself before adding them to your form.

If you have more than 3 options to include, just click the (+) button to add a new choice. You can also use the (-) button to remove a choice.

Click the - button to remove a multiple choice field

Changing How Your Image Choices Are Displayed in Your Form

WPForms makes it easy to change the layout and other settings for your image choices field.

To do this, head over to the ‘Advanced’ tab in the left column.

You can now toggle the ‘Randomize Choices’ switch if you want to display your image choices randomly rather than in a particular order.

This is useful if you are creating a survey and want to eliminate first-choice bias in results.

Toggle the Randomize Choice switch

If you want, you can also change how your choices are laid out using the ‘Choice Layout’ dropdown.

The default is ‘Inline’ with your choices appearing next to one another until they wrap onto a new line.

You may choose to display your choices in a number of columns instead. If you want a vertical list, simply choose ‘One Column’ from the dropdown.

There’s also the option here to ‘Hide Label’ for your image choices. This means there won’t be any text below the images. In some cases, it may make sense to do this.

For instance, you might be asking people to vote for which new logo design they like best.

Make sure you enter a relevant and helpful label where possible, though. This will be displayed as alt text for your images, making your site more accessible to visually impaired users.

Select choice layout

Once you have done that, switch back to the ‘General’ tab from the left column and scroll down to the ‘Image Choice Style’ section.

From here, you can choose how you want to style your images from the dropdown menu.

Choose image choice style

The default style is Modern, where a checkmark will appear for the image that is selected.

However, you can pick the Classic style instead, which looks like this when an option is selected:

The image choices with the Classic style applied (thicker border, no shadow, no bold text, no checkmark)

Alternatively, you can also choose ‘None’ for the style.

In this case, your images will simply be regular images with no border or other styling. The labels will be shown with radio buttons.

The image choices with no styling

Once you are happy with your form, just click the ‘Save’ button at the top of the screen.

Adding Your Form to Your Website

You can add your form to any post or page on your site with just a couple of clicks. We are going to create a new page for ours.

First, visit the Pages » Add New screen from the WordPress admin sidebar and click the ‘Add Block’ (+) button at the top left corner of the screen.

This will open the block menu from where you have to find and add the WPForms block to the page.

Select a form from the dropdown menu in the WPForms block

After that, select the form that you just created from the dropdown menu within the block itself.

Finally, click the ‘Publish’ or ‘Update’ button to store your form settings.

Now, visit your website to view the image choices in your WordPress form.

Preview for add image choices in WordPress forms

If you want to make more changes to your form, then you can easily do that by visiting the WPForms » All Forms page from the WordPress dashboard.

Once you are there, click on your form to open it in the form builder.

After making your changes, simply click the ‘Save’ button to store your changes. Your form will automatically be updated on your page, too.

Edit image choice form

Bonus: Accept Images With Your WordPress Forms

Apart from giving image choices, you can also accept images from different users with a WordPress form.

This can come in handy if you are a photographer looking to hire someone or if you are running a photography contest.

Other than that, accepting user-generated content can even help boost user engagement on your website.

You can easily create a file upload form in WordPress with WPForms because it is the best file upload plugin on the market.

It comes with a premade File Upload Form template that you can use to accept any kind of document, including jpeg, png, gif, pdf, ppt, and more.

To accept images, you must simply click the ‘File Upload’ field to open its settings in the left column. After that, you must enter the image file types that you want to accept under the ‘Allowed File Extensions’ option.

Type file extension type

Once you are satisfied, don’t forget to click the ‘Save’ button to store your settings.

You can then add the form to your website with the user-friendly WPForms block. For more detailed instructions, see our tutorial on how to create a file upload form in WordPress.

We hope this article helped you learn how to add image choices in WordPress forms. You may also want to see our beginner’s guide on how to create an interactive poll on your WordPress site and our comparison of the best WordPress page builder plugins.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

4 CommentsLeave a Reply

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Mrteesurez says

    This is exciting, I never thought this would be so easy to setup like this, WPForms is really a good plugin to have for forms and all input related matters. I like how it works with image choice.

  3. Michael Laboulle says

    I got a question how do you allow to make multiple choices.
    What do I need to do if I want somebody to pick 2 or 3 fruits?

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.