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 create a WordPress file upload form the easy way.
In This Article
- Step 1: Create Your File Upload Form
- Step 2: Customize the WordPress File Upload Form
- Step 3: Configure Your WordPress File Upload Form Notifications
- Step 4: Configure Your File Upload Form Confirmations
- Step 5: Add Your File Upload Form to Your Website
- Step 6: View the Uploaded Files in WordPress
- FAQs on File Uploads in WordPress
How to Create a File Upload Form
The video above will walk you through the entire process. Prefer written instructions? Check out the steps below:
Step 1: Create Your File Upload Form
To accept file uploads on your WordPress site, use WPForms. It makes it super easy to make a custom file upload with its drag and drop interface and its dedicated File Upload field. It also includes several file upload form templates to help you create your form quickly.
WPForms lets your users upload:
- Documents (.doc, .xls, .ppt, and .pdf)
- Images, (.png, .gif, and .jpg)
- Videos (.mpg, .mov, and .wmv)
- Audio files (.wav, .mp3, and .mp4)
- And more.
If you need help installing WPForms, check out this guide on how to install and activate a WordPress plugin. You’ll need a paid license to use the File Upload field.
Next, go to your WordPress dashboard and click on WPForms » Add New in the left-hand menu to add a new form. 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 click Use Template.
Then WPForms will populate a pre-built File Upload Form.
Now we can customize our WordPress file upload form.
Remember that you can add extra fields or move your file upload field to a different spot just by dragging and dropping.
Step 2: Customize the WordPress File Upload Form
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.
The File Upload field offers lots of options, including:
- 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 change the maximum file upload size in WordPress.
- Max File Uploads — If you’ve chosen the Modern style (see below), you can specify how many files users can upload to your form.
- Required — If you want to require that users upload documents to WordPress before they can submit their form, select this checkbox.
In the Advanced tab of the field options panel, you can also change:
- Style — You can switch between the default Modern style (recommended) and the Classic style. Only the Modern style allows for users to upload more than 1 file at a time.
- Store file in WordPress Media Library — Save files uploaded to this field in your site’s WordPress Media Library.
Step 3: 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 a notification 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.
There are 2 ways you can include your form’s uploaded file(s) in the email notification. The recommended option is to use Smart Tags to add a link to the body of the email.
Using Smart Tags means the image itself is not included in the email. That can help to avoid emails being tagged as spam.
If you’d like to include the image as an attachment, can scroll down to the Advanced settings for the notification and Enable File Upload Attachments.
Keep in mind that email providers may have limits on the size of the attachments you can send from your site, so it’s best to test your form when you launch it.
Step 4: 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 set up form confirmations.
There are 3 different kinds of confirmations in WPForms:
- Message — This is the default confirmation type. It displays a message after someone hits submit on your form, and is customizable.
- Display Page — Automatically sends 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 Confirmations 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 5: 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, add a new block and select the 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 6: 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 list 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:
And there you have it! You can now create a file upload form with a WordPress plugin.
FAQs on File Uploads in WordPress
Here are some common questions about file uploads in WordPress.
Why Use a 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.
What Kinds of Forms Can I Create?
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.
However, there are countless other scenarios where a WordPress file upload form can come in incredibly handy, such as:
- User submitted content forms so users can attach a blog post or image they want to share as a WordPress frontend file upload.
- Client services forms so clients can attach their spreadsheets or project spec documents.
- Customer support forms so customers can attach documents to provide additional information, such as screenshots or screencasts of the issue.
- An audio clip submission form for you to collect content to play back during your podcast.
- A CSV file upload form so visitors can send you orders or timesheets.
- Order forms or sponsor forms where you want to require payment with the file upload.
- User-submitted videos on an event registration form so you have content to play at your event (great for weddings, anniversaries, and fundraisers).
What File Formats Does WPForms Accept?
When you create an image upload form, WPForms uses the same defaults as WordPress:
- Images (.png, .gif, and .jpg)
- Documents (.doc, .xls, .ppt, and .pdf)
- Video (.mpg, .mov, and .wmv)
- Audio (.wav, .mp3, and .mp4)
Sometimes you’ll want to accept file uploads that WordPress doesn’t allow by default. There’s an easy way to do that. Here’s how to allow additional file upload types to your forms using a free plugin. It lets you specify the file format and MIME type for each additional file extension.
If you’d like to increase the maximum upload image size for your site, check out this tutorial on increasing the maximum file upload size in WordPress.
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.
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.