How to Create a WordPress Contact Form With Multiple File Uploads

Do you want your users to add multiple attachments to your contact form? WPForms makes frontend file uploads easy, so you don’t need a separate WordPress file upload plugin.

In this article, we’ll show you how to allow multiple file uploads using WPForms.

How to Allow Multiple File Uploads

Providing your users the ability to upload a file in your WordPress form makes it easier for you to collect the information you need. You can allow users to upload different file formats including .doc, .xls, .csv, .pdf, an image file, an audio file, and even a video file.

By default, WPForms allows you to upload only a single file using the File Upload field. To allow multiple file uploads, you can simply add as many file upload fields as you want.

WPForms is the best WordPress Form Builder plugin. Get it for free!

Multiple File Upload Fields

To do that, create or edit a form and drag the File Upload field from the left panel to your form.

But what if you want to allow multiple file uploads without displaying all those fields to every user?

Thanks to the conditional logic feature of WPForms, you can do this and thus, your users will be able to choose the number of files they would like to upload.

Let’s take a look at the step by step guide to allow multiple file uploads.

Make sure to take a peek at these mind-blowing digital marketing statistics for some facts that may surprise (and help) you.

Step 1: Create a New File Upload Form

The first thing you need to do is install and activate WPForms on your WordPress site. Here’s a step by step guide on how to install a WordPress plugin.

After activating the plugin, go ahead and create a file upload form in WordPress. Here’s our file upload form:

WPForms file upload form

Step 2: Allowing Users to Upload Multiple Files

Next, drag a Dropdown field present under the Standard Fields section and drop it to your form, just above the file upload field.

Now click on the dropdown field to see the Field Options on the left panel.

Let’s rename the dropdown field to Number of Files to Upload. Each option or choice of this dropdown will be a number. The first option will be 1, the second will be 2, and so on.

The number of choices will be equal to the number of files you want your users to upload. For the sake of this tutorial, let’s allow our users to upload a maximum of 3 files.

number of files to upload

Now click on the File Upload field and rename it to Upload Your File.

Next, we’ll enable conditional logic for this field. Based on the user selection, we need to show multiple file upload fields in our form.

To do this, configure your conditional logic fields just like the screenshot below.

upload your file

Keep in mind that new fields are added by clicking the Add new group button, which applies the OR logic. If you need more details about using the OR logic, read our guide on how to use And OR conditional logic.

In the above step, we’ve created the conditional logic for our upload field in such a way that it’ll be displayed when any number is selected.

Now duplicate this field by clicking the double paper icon on the right-hand side of the Upload Your File field.

Thinking about adding a blog to your site? Check out this list of the top ways to make money blogging on WordPress.

duplicate file upload

A confirmation popup will open up asking if you want to duplicate the field or not. Just click on Ok to continue.

Let’s rename the new field to Upload Your Second File.

Now configure the conditional logic for this new field just like the screenshot below. The only change from the above step is that we removed the first field where it says the Number of Files to Upload is 1.

wordpress contact form multiple attachments

Again, copy the second file upload field by clicking the double paper icon and rename it to Upload Your Third File.

Configure the conditional logic field just like the screenshot below. We’ll only keep the last field where it says the Number of Files to Upload is 3.

Upload third file

Are you guilty of any of these things? We found the top complaints visitors have about contact forms.

To save the form, click on the Save button present at the top-right corner of your screen.

You can continue this process for every possible number. The only thing you need to take care is to duplicate the previous field and then remove the conditional logic of the lowest number.

That’s it! You’ve just created a multiple file uploads form in WordPress.

wordpress multiple file upload form

If you enjoyed this article, you might also want to look at some cool contact page design examples.

So what are you waiting for? Get started with the best WordPress forms plugin today.

If you like this article, then please follow us on Facebook and Twitter for more free WordPress tutorials.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Comments

  1. Thanks for reading this article – I hope you found it helpful.

    I wanted to let you know about our new WordPress survey plugin that allows you to build interactive polls and surveys within minutes. You also get best-in-class reporting, so you can make data-driven decisions.

    You can get it 100% free when you purchase WPForms Pro plan.

    Get Started with WPForms Today and see why over 2 million websites choose WPForms as their preferred online form builder.

    Syed Balkhi
    CEO of WPForms

  2. Why not support the multiple attribute on the input element? That would save the above effort and give a cleaner UI to the user….

    1. Hi John,

      Support for multiple file uploads to a single field is definitely on our radar, and we look forward to offering that at some point in the future. For now, though, the method above is a simple, clean way to let users upload multiple files to a single form.

      I hope that helps! 🙂

    1. Hi Sébastien,

      We don’t currently have a way to user the WordPress media uploader within the File Upload field, though we’ll certainly be considering best options for allowing the upload of more than one file per field in the future 🙂

    1. Hi Butch,

      An option to upload multiple files to a single upload field is definitely on our feature request list for consideration! I apologize, though, as we don’t have an ETA at this stage. Hopefully the approach described above is helpful in the meantime 🙂

    1. Hi Lee – This is definitely still on our radar, though no ETA currently. When we release new features, though, we also create announcement posts in this blog — so it’s easy to stay up to date with all the newest options and tools available! 🙂

  3. Cannot believe you still not have this feature? Its 2019. I am paid customer. I need this feature asap. Please let me know its coming this month

    1. Hi Jas,

      I’m sorry to hear you’re disappointed about being unable to upload multiple files at once. Please know that our development team is always working hard to bring much needed features and updates that will make WPForms easier and better for our customers to use. We appreciate your feedback. 🙂

    1. Hey Laurent – Thanks for the feedback. This is indeed on our radar. No ETA at the moment, but I do agree with you and it would be super useful in many different use cases 🙂

  4. Hello WPforms,

    I notice that having multiple file uploads has been on “your radar” for about 2 years now. It seems like a real basic functionality to include considering you charge good money for a really basic form. Please consider updating or you’ll be losing me and a few others as paying customers.

    Thanks

    1. Hi Stan,

      I totally understand your frustration and we really do appreciate your feedback since it helps us understand what the needs of our customers are. While I don’t have an ETA for this particular request, please know that this is a request that our development team is aware of.

      Thanks!

  5. The lack of this feature even more painful when using zapier for dropbox integration! This feature is essential for any kind of modern form use.

    1. Hi Mark,

      I apologize that we currently don’t have this feature available but it is something our team is aware of. We appreciate your patience and honest feedback!

  6. Since multiple file uploads has been on your radar for over 2 years and hasn’t happened yet, it’d be better to be honest with us and say you have no intentions to add it. Gravity Forms and others have this for ages therefore it’s not that complicated. I considered switching but this kind of ‘reply’ leaves a bad taste in your potential client’s mouths.

    1. Hi Thiago,

      Thanks for your honest feedback and I apologize for the frustration at not having this feature available in our plugin.

      Due to the large number of feature suggestions we regularly receive, we need to prioritize the features and enhancements that we add to our updates in each development cycle.

      Currently new features/enhancements get prioritized based on factors such their benefit to the majority our plugin users, the demand for the feature, as well as development resources required.

      Again, I apologize that this hasn’t become available yet but we really appreciate your feedback and honesty as it helps us decide what next best steps to take going forward when improving WPForms.

      Thanks!

      1. Hi Eren,

        I understand your frustration and I apologize for the delay. The best thing I can do on my end is relay your feedback to my team so they are aware of the request.

        Thanks!

  7. Hello

    I am trying to create a form for restaurant reviews in which the users can upload there food pictures. After they click submit, where does all the information/data go?
    I would need to look at the users restaurant reviews and see if I can publish it as a post on the website.

    Will WPForms do the job? or Do I need more plugins/apps to make it all work?

    From Anil

    1. Hi Anil,

      If you have a paid license, the entry will be saved to your WordPress site under WPForms > Entries. If you’d like for users to submit their own post for your website, you can use our Post Submission addon, which will give you the option to review the post before it goes live on your site.

      I hope this helps!

  8. As others here have mentioned, I am definitely looking forward to the multiple file upload feature.

    Im hoping that it is a nice simple Upload File button that keeps getting bumped down below as files are uploaded.

    Also, another really good user experience is a little circular loading icon next to the file name followed by a green checkmark upon completion.

    1. Hi Clark,

      Thanks for your helpful suggestions! I’ll go ahead and forward them to our development team for them to consider as they plan out future updates to the plugin itself. We really appreciate the feedback. 🙂

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.