How to Make a File Upload Form in WordPress Website

Want to allow users to upload a file attachment to your WordPress forms?

Adding a file upload feature for your users can make it easier to collect the information you need. But the problem is, WordPress doesn’t provide any feature for users to upload files. Luckily, there’s a fix!

In this article, we’ll show you a step-by-step guide on how to make a file upload form in WordPress.

Why Create a File Upload Form in WordPress?

Allowing users to add file attachments to your WordPress forms is the best way to collect the required info from your users quickly. With this feature, visitors will be able to upload pictures, music files, and even video.

Here are some common reasons you might want to use a file upload form:

  • Accept job applications online so applicants can upload their resumes
  • Image files for an online contest or giveaway
  • Guest post submission forms where guest authors can attach their blog posts and images
  • Customer support forms where clients can attach their requirements for solution
  • Partnership forms where business or organization can upload their partnership proposals

How to Add a File Upload Feature on Your WordPress Forms

With WPForms, you can upload all kinds of file types to your contact forms. So, let’s learn how to create a file upload form on your WordPress website.

To create one, follow the simple steps listed below.

Step 1: Create a New Form in WordPress

To get started, you’ll need to install and activate the WPForms plugin on your WordPress website.

Now, you’ll need to create a contact form on your website. For this, go to WPForms >> Add New in your WordPress dashboard area and choose a form template and name it whatever you’d like.

Create a new form

Here, I’m choosing the Blank Form template.

Now, you’ll be redirected to the form builder where you can add the required fields simply by dragging them from the left-hand panel to the right-hand side.

Add new fields

Step 2: Add the File Upload Field

Once, you’ve created a form, it’s time to add the file upload feature to it.

For this, simply drag the File Upload form field from the left side panel and drop it to your preferred position in the form editor.

add file upload field in WordPress form

If you click on the file upload field, you’ll see some customizing options like label, description, allowed file extensions, max file size, and more.

The best thing is that you can upload maximum files at once just by dragging the files from the left side and drop it in your file upload field.

Apart from this, you can also change the style of the File upload field from the default Modern style to Classic style under the Advanced Options settings.

change to classic file upload style

Step 3: Customize the General Settings of Your File Upload Form

To customize, go to Settings » General.

Customize File Upload Form Settings

Here you can customize the following settings:

  • Form name: Change your form name if you want to.
  • Form description: Add a form description.
  • Submit button text: Customize the submit button copy.
  • Spam Prevention: Enable this option to prevent spambot submissions.

Once you’re done, click on the Save button.

Step 4: Set up Your File Upload Form’s Notifications

By default, your form’s notifications settings will be “ON”, it means you’ll receive a notification when someone submits a form on your website.

Configure Your Form Notifications

To improve email deliverability, files are not attached to emails. Instead, a downloadable link is sent in the notification emails.

Step 5: Configure Your Form’s Confirmation Setting

After configuring notification settings, it’s time to set up your form’s confirmation message.

To do this, head over to Settings » Confirmation in your form’s editor. Next, select the type of confirmation you would like to create. For example, I’ll select the Message.

Configure File Upload Form Confirmations

Now you can go ahead and add your form to your website.

Step 6: Add and Publish File Upload Form

The next and final step is to add your File Upload form to your WordPress website.

For this, go to Page >>Add New to create a new page.

Now, name the page as anything you want and add the file upload form text to it.

If you using the Gutenberg editor, click Add Block (+) icon and type WPForms in the search bar and select it. Or click on add forms and select your File Upload Form for in case of the Classic editor.

type WPForms in the search bar

Select the file upload form from the dropdown box and add it to your page.

Select the service agreement form from the dropdown box and add it to your page

Now, hit the publish button to make your form page live on your blog.

Step 7: View Uploaded Files

To view uploaded files, go to WPForms » Entries. Then choose the right form from the dropdown menu and click on View.

View Uploaded Files

You can now find each form entries including the uploaded file in your WordPress dashboard.

view file upload entry

Isn’t so simple. 🙂

Final Words

Creating a file upload form in WordPress doesn’t have to be a hassle. If fact, it shouldn’t take more than 5 minutes after you know what you’re doing. And now you do!

Now you may have a clear idea of how to create file upload forms using the WPForms plugin. So, start using this amazing plugin now and allow users to upload files directly to your WordPress website. Also learn, how to build spam-free WordPress contact forms.

Hope you found this tutorial helpful. If you have any queries or suggestions about this article, feel free to leave us comments below!

1 thought on “How to Make a File Upload Form in WordPress Website”

  1. Priyanka Roy

    Creating a file upload form on your WordPress website can be a game-changer, allowing seamless interaction with your audience. This tutorial simplifies the process, empowering website owners to effortlessly integrate this essential feature and enhance user engagement.

Leave a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Scroll to Top