Wondering how to let your website visitors upload file attachments to your WordPress forms?
Giving users the ability to upload documents and media to your WordPress site can make it way easier for you to collect the information you need.
In this article, we’ll show you how to easily create a WordPress file upload form without any code.
In This Article
- Step 1: Install WPForms on Your WordPress Site
- Step 2: Add a New Form Using WPForms
- Step 3: Customize the WordPress File Upload Form
- Step 4: Configure Your WordPress File Upload Form Notifications
- Step 5: Configure Your File Upload Form Confirmations
- Step 6: Add Your File Upload Form to Your Website
- Step 7: View the Uploaded Files in WordPress
Why Use a WordPress File Upload Field on Your Forms?
You might need to add a file upload field to your WordPress forms so users can upload documents to WordPress as well as other types of files and media as they submit their forms to you.
One of the most common uses of a file upload field is in job application forms so applicants can attach their resume files and other important documents. There are countless other scenarios where a WordPress file upload form can come in incrediby handy.
Let’s go ahead an see how you can add the file upload field to your WordPress forms.
How to Create a WordPress File Upload Form
Follow these steps to set up your online file upload form.
Prefer written instructions? Check out the steps below:
Step 1: Install WPForms on Your WordPress Site
WPForms is one of the best file upload plugins for WordPress. This plugin lets your customers upload a variety of file types to your forms including:
- Documents (.doc, .xls, .ppt, and .pdf)
- Images (.png, .gif, and .jpg)
- Video (.mpg, .mov, and .wmv)
- Audio (.wav, .mp3, and .mp4)
The first thing you’ll need to do is install and activate the WPForms plugin.
Make sure to get the WPForms Pro plan (which includes the file upload field that we’ll be adding later on).
With WPforms, it’s super easy to create a form with a file upload field included within it.
After you’ve registered your account and purchased the plan, click on the Downloads tab at the top of your WPForms account area. Then, press the Download WPForms button.
While you’re on this page, also make sure to copy the license key. You’ll need this soon in one of the steps below.
When the file has been downloaded, open your site’s WordPress account dashboard and click on Plugins » Add New from the left-hand menu.
Then, click on Upload Plugin and press the Choose File button. Find the downloaded WPForms zip file within your directory and then press the Install Now button.
Activate the plugin once it’s installed. You’ll now see WPForms added to the left hand panel of your WordPress site. Click on WPForms » Settings. Now, in the License Key field, copy and paste the WPForms license key that you found earlier.
Now, we can begin creating our file upload form.
Step 2: Add a New Form Using WPForms
Next, go to your WordPress dashboard and click on WPForms » Add New in the left-hand panel to create a new form and name it whatever you’d like.
Now, we’ll use one of WPForms’ pre-built templates to make our file upload form.
Scroll down and type in “file upload form” in the template search field. When this template appears in the results, move your cursor over it and press Use Template.
Now, WPForms will populate a pre-built File Upload Form having the upload functionality.
Now, we can customize our WordPress file upload form until it looks exactly how we want it to.
Remember that you can include the file upload form to any form. For instance, you can accept file uploads in your event registration form if you’d like to check out the portfolio of your applicants before giving them an entry pass.
Step 3: Customize the WordPress File Upload Form
Here, you can add additional fields to your contact form by dragging them from the left-hand panel to the right-hand panel. For example, you can add a payment field if you want to require payment on your file upload forms.
With the File Upload Form template, you’ll already have the Name, Email, Phone, File Upload, and Additional Comments fields.
Click on any of the form fields to make changes. You can also click on a form field and drag it to rearrange the order on your contact form.
You can also add the File Upload field to any WordPress form you create. Just drag the File Upload form field, found under Fancy Fields, from the left-hand panel of the Form Editor to the right-hand panel.
You can click on the File Upload field and also change the:
- Label — Name the form field so your site visitors know what it’s for.
- Description — Add a description explaining details to users. For example, if you only want people to upload an image, tell them that.
- Allowed File Extensions — If you want to restrict the types of files that can be uploaded to your WordPress form, put them here, each separated by a comma.
- Max File Size — Specify, in megabytes, the max size file you’ll allow users to upload. If you leave this blank, WPForms will default to the maximum file size limit that’s allowed by your web host. If you need to increase it, see this tutorial on how to increase the maximum file upload size in WordPress.
- Required — If you want to require that users upload documents to WordPress before they can submit their form, select this checkbox.
- Style — You can switch between the default Modern style (recommended) and the Classic style (which we’ll cover in-depth during the next step)
Wondering where these file uploads will be stored?
By default, all files uploaded by users are stored in the WPForms folder inside the Uploads directory of your site.
To make things easier, you can also store these files in your WordPress Media Library by selecting the Store field in WordPress Media Library checkbox under Advanced Options.
This is particularly useful if you want to let users upload images that you can also easily find from your Media Library.
You can also make forms look great by following the steps in our post on how to create a multi-step form in WordPress. But for the sake of this tutorial, we’ll stick with a single page.
Step 4: Configure Your WordPress File Upload Form Notifications
Notifications are an excellent way to know when someone submits one of your file upload forms.
All forms in WPForms have notifications enabled by default.
To get an email message when someone completes your form, you’ll need to set up form notifications in WordPress and provide your email address.
You can also send notifications to the respondent if you’d like to let them know that their entry has been successfully submitted.
For more on this, check out our step by step guide on how to send multiple form notifications in WordPress.
Note: So since file attachments can often hurt email deliverability, WPForms doesn’t attach your user’s files in notification emails. Instead, we send the file uploads via email as links.
Step 5: Configure Your File Upload Form Confirmations
Form confirmations are ways to take action immediately (and automatically) after your user has submitted information to your form. For extra help with this step, check out our tutorial on how to setup form confirmations.
There are 3 different kinds of confirmations in WPForms:
- Message — This is the default confirmation type that appears after someone hits submit on your form, and it’s customizable. So if visitors were originally wondering how to add a document to WordPress and then saw a confirmation message, they can rest assured you’ve received it.
- Display Page — Automatically send users to any post or page on your site like a thank you page
- Redirect — Useful if you want to take the user to a different website or specialized URL for more complex development.
So let’s see how to set up a simple form confirmation in WPForms so you can customize the success message site visitors will see when they submit a form on your site.
To start, click on the Confirmation tab in the Form Editor under Settings.
Next, select the type of confirmation type you’d like to create. For this example, we’ll select Message.
Then, customize the confirmation message to your liking and click Save when you’re done.
Now you’re ready to add your form to your website.
Step 6: Add Your File Upload Form to Your Website
After you’ve created your form, you need to add it to your WordPress site.
And WPForms lets you add your forms to multiple places on your WordPress website including your pages, blog posts, and sidebar widgets.
So let’s take a look at the most common placement option: page/post embedding.
To begin to embed your file upload form, create a new page or post in WordPress, or go to the update settings on an existing one. After that, click inside the first block (the blank area below your page title) and click on the Add WPForms icon.
Now, the WPForms widget will appear inside of your block. Click on the WPForms dropdown and pick the form you’ve already created that you want to insert into your page. So select your file upload form.
You’re one step close to creating the perfect upload page in WordPress.
Next, click on the blue button in the top right that says either Publish or Update, so your form will appear on your website.
That’s it! Your file upload form is now on your website.
Step 7: View the Uploaded Files in WordPress
WPForms stores each form submission as an entry. To view uploaded files, go to WPForms » Entries.
And from there, select the right form from the dropdown menu and click on View.
Next, right click the file to download the file, or click to view it in your browser.
Better yet, the WPForms WordPress plugin has tons of addons you can install so you can do more with your files. For example, you can use our Zapier addon to automatically save all file uploads to:
You can also set up CSV file uploads so visitors can send you orders or timesheets
And there you have it! You now know how to create a file upload form with a WordPress plugin.
Next, Create a File Upload Widget in WordPress
If you want to allow site visitors to upload files directly to your website, be sure to check out our helpful guide on how to create a WordPress file upload widget.
WPForms also lets you accept user submitted content, so external authors can easily post to your website without needing to create a user account on your site.
So what are you waiting for? Get started with the easiest-to-use WordPress form builder plugin today. WPForms Pro includes a free file upload feature and free file upload form and offers a 14-day money-back guarantee.