How to Create a File Upload Form in WordPress 

In this essay you ll learn how to add file upload Field  and Drag & Drop File Upload Field  for your form.

1. Add a New Form Using Easy Form Builder

2. Customize the WordPress File Upload Form

3. File Upload Vs Drag & Drop File Upload

4. Add Your File Upload Form to Your Website

5. View the Uploaded Files in WordPress

1. Add a New Form Using Easy Form Builder

Creating A New Form

Before getting started, make sure you’ve installed and activated Easy Form Builder on your site.

To begin, you’ll need to be logged into the WordPress admin area. then in the WordPress dashboard, click on Easy Form Builder in the admin sidebar to go to the Forms Overview page.

For creating a new form click on the create button in the sidebar to launch the Easy Form Builder.

create form

In this page of the form builder, you will need to choose your needed form.in this essay we will recognize how to create contact-us form.

contact us form

2. Customize the WordPress File Upload Form

In this step you can add two kinds of file upload: the file upload field which is available in the free version and Drag & Drop file upload field which is available in the pro version. Keep in mind that You can add the File Upload field to any WordPress form you create.

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. EX, if you only want users to upload a document, just write a description.
  • Label size
  • Label Color
  • Description Color
  • Border Color
  • Label Position
  • label Align
  • description Align
  • Width
  • Height
  • Corners
  • Max File Size —the max size file you’ll allow users to upload  is 8 Mb 

Wondering where these file uploads will be stored?

By default, all files uploaded by users are stored in the Easy Form Builder folder inside the panel of your site.

 3. File Upload Vs Drag & Drop File Upload

Easy Form Builder is one of the best file upload plugins for WordPress. This plugin lets your customers upload a variety of file types to your forms.

In free version you can use File Upload Field, your customers  can Upload all kinds of files except executable files.

File Upload supports below types:

Documents (.doc, .xls, .ppt, and .pdf)

Images (.png, .gif, and .jpg)

Media (.mpg, .mov, and .wmv, .wav, .mp3, and .mp4)

In the pro version your customers can upload the following file types. If  you want your customer only upload one of these four types in your form, you have to use Drag & Drop File Upload.

Drag & Drop File Upload supports below types:

Documents (.doc, .xls, .ppt, and .pdf)

Images (.png, .gif, and .jpg)

Media (.mpg, .mov, and .wmv, .wav, .mp3, and .mp4)

Zip (zip, rar)

4: Add Your File Upload Form to Your Website

After you’ve created your form, you need to add it to your WordPress site.

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 Easy Form Builder icon.

Now, the Easy Form Builder widget will appear inside of your block. Click on the Easy Form Builder drop down 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.

5. View the Uploaded Files in WordPress

Easy Form Builder stores each form submission as an entry. To view uploaded files, go to the Easy Form Builder » panel.

Next, right click on the download button in case of downloading the file.

This is the easiest way to build a Drag & Drop file upload field in form.  

Notice:

If your site is not on the https protocol and you are using the Chrome browser, you will have problems downloading files because Google has considered the allowed file download protocol for the https browser for security reasons. If you use the http protocol, download the files through the Firefox browser.