How to Create a File Upload Form in WordPress

Do you want to have your web site guests add information in your contact kind? Maybe you’re hiring staff and wish to acquire resumes, or maybe you’re operating one other software kind or pictures contest the place you want the applicant to connect information. In this tutorial, we’ll present you the way to create a file add kind in WordPress (step-by-step).

How to create a file upload form in WordPress

Why Create a File Upload Form in WordPress?

If you need to acquire any sort of file out of your customers, then a file add kind is a nice concept. You may let customers add pictures, PDF information, Word paperwork, or different kinds of information.

Using a file add kind makes life simple for you, and your customers.

Instead of the e-mail back-and-forth, you’ll be able to create a kind that embrace all of the fields you want, so you’ll be able to acquire all data directly.

Also, your kind ought to mechanically save the shape information in your WordPress database. That means, you’ll be able to simply discover the submissions, even when you miss or delete an e-mail.

How to Create a File Upload Form in WordPress

For this tutorial, we’ll be utilizing WPForms, which is the finest contact kind plugin for WordPress.

If you’re on a tight finances, you will get the file add function on WPForms’ Basic plan. However, the fully-featured Pro plan provides you entry to bonus kind templates, survey stories, and tons of different highly effective options.

First, you’ll want to set up and activate the WPForms plugin. If you’re undecided how, simply take a look at our step-by-step information on how to set up a WordPress plugin.

Once you’ve activated the plugin, you’ll see a new WPForms tab in your dashboard.

Go to the WPForms » Addons web page and scroll down to the Form Templates Pack Addon. Click on the ‘Install Addon’ button to set up and activate it.

Installing the WPForms form template pack addon

You at the moment are prepared to create your first file add kind.

Head over to the WPForms » Add New web page.

Creating a new form using WPForms

You’ll be taken straight to the WPForms builder. You may give your kind a title on the high of the display screen:

Giving your form a name in WPForms

You’ll additionally want to select a template. We advocate utilizing the File Upload Template, which yow will discover in the Additional Templates part. Click on the template to use it.

The File Upload Form will mechanically be created for you.

The default file upload form, created from the template

You can use the file add kind with out making any modifications in any respect, if you’d like.

By default, it’ll permit customers to add the next file sorts:

  • Images information: .png, .gif, .jpg
  • Documents: .doc, .xls, .ppt, .pdf
  • Audio: .wav, .mp3, .mp4
  • Video: .mpg, .mov, .wmv

If you’d like to prohibit the file sorts additional, click on on the File Upload discipline to edit it. You’ll see the Field Options on the left hand aspect of your display screen:

Editing the file upload field in WPForms

In the Allowed File Extensions field, you’ll be able to kind in no matter file codecs you need to settle for. We’re going to permit the picture codecs .png, .gif, and .jpg. Make certain you separate them with a comma.

Enter the file types that you want to allow users to upload

Note: WordPress limits the kinds of information that may be uploaded to the location for WordPress safety causes. You can add extra file sorts to WordPress if you’d like to permit customers to add file sorts that aren’t usually allowed.

You can even set a most file measurement and a most variety of information. For our competitors, we’re going to permit folks to submit up to 3 photographs of up to 50MB every.

If you need to stop folks from submitting the shape with out attaching their file(s), you’ll be able to verify the Required field. This means the shape can’t be submitted except at the very least 1 file has been uploaded.

The edited file upload field on our form

By default, the File Upload Field makes use of a fashionable format that lets customers drag and drop their information. However, if in case you have restricted area on your kind, otherwise you choose a traditional add discipline, you’ll be able to change this.

Simply click on on ‘Advanced Options’ to open up extra choices for the sector. You can then change the fashion from Modern to Classic utilizing the dropdown.

Editing the advanced options for the file upload field

Tip: The traditional add discipline solely permits one file to be uploaded. If you need customers to have the ability to submit a couple of file, you’ll want to add a couple of File Upload Field to your kind.

You can even select to retailer the submitted information in the WordPress Media Library, if you’d like. This makes it simple for you to add them to a put up or web page. For occasion, with our pictures competitors, we would embrace one of the best photographs once we announce the winner.

Note: The uploaded information are nonetheless saved in your WordPress database, even when you don’t verify this field. They’re simply saved in a separate folder in your WordPress internet hosting account.

If you need to edit any of the opposite fields in your kind, you’ll be able to click on to edit them on the left hand aspect in the identical means.

You can even add new fields utilizing the Add Fields tab. Simply drag and drop any discipline that you really want to add to your kind.

Here, we’ve added a Website/URL discipline to the shape, in order that photographers may give us the hyperlink to their web site.

Adding a website / URL field to the form

If you need to take away a discipline, hover your mouse cursor over it and click on the purple trash can icon. We’re going to take away the Phone discipline as we don’t want the photographers’ telephone numbers.

Deleting the phone field from the form

Once you’re blissful along with your kind, click on the Save button on the high of the display screen.

Click the Save button in WPForms

Setting Up Your File Upload Form’s Notifications

Under the Settings tab, you’ll be able to click on Notifications to arrange your kind’s e-mail notifications. You might want to change the default settings.

By default, the shape sends an e-mail notification to {admin_email}.

If you created your WordPress website by your self, then this will likely be your e-mail handle. If not, then you’ll be able to delete {admin_email} and kind your individual e-mail handle right here as a substitute.

Changing the email address that the form notifications are sent to

Tip: Not certain if {admin_email} is your e-mail handle or not? Go to Settings » General in your WordPress dashboard. Look for the Administration Email Address. You can change it right here. Just click on Save Changes on the backside after doing so.

Checking or changing the WordPress Administration email address

If you need the submitted information to be despatched to a couple of particular person, you too can arrange a number of notifications right here.

You may need to change the affirmation message that customers sees after the shape is submitted. You can do that underneath Settings » Confirmations.

Simply kind the message you need into the field. You can add formatting like daring and italic if you’d like to. This is how the default message appears to be like:

Changing the confirmation message that the user sees after submitting the form

Don’t neglect to save your kind when you’ve made modifications. You can exit the shape builder by clicking the X in the highest proper.

You May See : How to Fix Facebook Incorrect Thumbnail Issue in WordPress

Adding Your File Upload Form to Your Website

Once you’ve created your kind, you’ll want to add it to your web site. You can add it on an present put up or web page, or you’ll be able to create a new web page.

We’re going to add our kind to a new web page. To create a new web page, go to Pages » Add New. Then, add a new block to your web page by clicking the (+) icon.

Creating a new page in WordPress and adding a new block to it

Next, you’ll want to choose the WPForms block from the Widgets part. You can use the search bar to discover it when you choose.

Adding the WPForms block to your page or post

After you’ve added the block to your web page, choose the shape that you simply created from the WPForms dropdown.

Select the correct form from the WPForms dropdown

Now, preview or publish your web page and take a take a look at your kind stay in your website. Here’s how our kind appears to be like.

The finished file upload form live on the website

You could make modifications to your kind by going to WPForms » All Forms. Just click on on the title of the shape, or run your mouse over it and click on the ‘Edit’ hyperlink, to edit it.

Editing a form you've already created in WPFormsv

When you edit your kind, it’s mechanically up to date in your web site. You don’t want to add it to your web page once more.

Tip: It’s a good concept to check your kind to be sure it’s working as anticipated. If you don’t get an e-mail notification after creating a kind entry, then take a take a look at our step-by-step information on fixing the WordPress not sending e-mail difficulty.

Viewing or Downloading the Uploaded Files

When somebody sends a file by way of your file add kind, you will get it by way of your e-mail inbox or by way of your WordPress dashboard.

With every kind entry, you’ll get an e-mail like this:

The email you receive with the form entry details, including file download links

Just click on the hyperlinks to view or obtain the information themselves.

You can even simply discover the information by way of WordPress itself. Go to WPForms » Entries then click on on the title of your kind.

Select your form to view the form entries in your WordPress dashboard

Next, you’ll be able to see the uploaded information in the desk of kind entries. Alternatively, you’ll be able to click on the View hyperlink to see the complete particulars of the shape entry.

The file links shown in the WPForms entry in the table

We hope this tutorial helped you find out how to create a file add kind in WordPress. You may also need to take a look at our information on the finest WordPress survey plugins and our information on how to create an e-mail e-newsletter.

Leave a Comment

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