Do you want to make a file upload form in WordPress?
With a WordPress form builder plugin, we will be able to create any type of contact form. When we say the word contact form, you will think that a form with name, email, subject, and content field. However, with a powerful form builder plugin, we can make most of it.
A lot of users are looking for a simple way to make a file upload form in WordPress. And guess what. We have got a simple solution for you! In this article, we are about to show you how you can create the form without writing a single line of code!
- WPForms is a popular WordPress Form plugin with drag and drop feature
- Over 4 million Professionals use this smart plugin to create forms and surveys
- Flat 50% off on WPForms Premium Memberships - Limited Time Deal
The free version is used by more than 3 million bloggers around the world!
So, it is clear that WPForms is something everyone loves!
The file upload feature is not available on the free version plugin now.
When You Need a File Upload Form?
Let’s say that you are hiring someone and need to accept resume through forms. In that case, a file upload field is mandatory. Also,
Hiring a WordPress developer for creating this form will cost you hundreds of dollars. However, for modifications, you might want to spend additional amounts on him.
Here, with WPForms, you can create any type forms with some simple mouse clicks!
How To Make a File Upload Form In WordPress?
As I mentioned above, you need to have the premium version of WPForms for this feature. It can be purchased from here. Once you have purchased the plugin, log in to your WPForms account and download the premium plugin files.
Install and activate the WPForms premium in your blog and verify it with a valid license key. So, you will get access to all their premium addons and plugin updates.
Thankfully, for adding a file upload field, we don’t need to add any additional extensions. It is available in the core WPForms plugin. Anyway, let’s create a new form.
Clicking the add new button will get you to the form builder.
You need to name your form. Don’t worry, and this name won’t be visible to your website visitors. The name is just for identifying your forms. We will be creating more forms in the future.
And then, WPForms offers some pre-made templates like:
- Contact Form.
- Request a Quote Form.
- Donation Form.
- Billing Form.
- Newsletter Signup Form.
- Suggestion Form.
You can get a headstart by using any of these templates. On the other hand, you can create a completely new one using the blank template.
NOTE: WPForms premium also comes with an addon called Form Templates Pack. If you install this addon, you will get access to their 100+ pre-made templates!
Here, in my case, I wish to go with the simple contact form template.
You can see the form editor in the next page.
As you can see in the above image, the left side comes with all the available fields. And the right side will pull a live preview of the form. So, when you add a new field to the form, you can see what you are doing.
Typically, a simple contact form comes with fields like:
You can add or remove fields. Anyway, these fields are good enough for me. What I need is a file upload field. So in the left section, under fancy fields, you could see the file upload field.
Drag the field from that side and drop it in the preview. You could see that the field got added successfully.
The field can be customized. Click on it, and it will show you additional configurations.
You can configure everything from there.
Some essential things you need to consider configuring – let’s say that you are using this field on a job application form. So, you probably want to accept a resume. So, you need to mark the field as required.
Applicants won’t be able to bypass the form without uploading their resume.
Another option we loved is, limiting the file types, size, and number. Usually, when we publish a file upload form on our website, our website visitors can upload any kind of files like an mp4 video, an exe file, or anything they have.
This is not good for us.
Thankfully, WPForms comes with a feature that will help us to restrict the file type.
You can add the extensions of files you need to allow here. If you want to let more than one file type, use comma (,) for separating the types.
The second feature – max upload size.
When these website visitors upload files through our forms, the files will be stored on our website. So, limiting the upload size is a great practice. For accepting resumes through the forms, add 5MB or something. That’s good enough.
Limiting the file count is also great. But if you are running a maintenance website or troubleshooting website, you don’t need to use this feature.
Advanced configurations are also available for this field. WPForms also got a feature called Conditional Logic. It will help you to make your forms better, powerful.
Anyway, if you have done with form configuration, click on the Save button.
The form will be saved to your WordPress database. Now, it is time to embed the form on the website.
There, you have two options for embedding WPForms on WordPress.
- Gutenberg Block.
WPForms is completely optimized for WordPress 5.0, aka Gutenberg. So, if you are using the Gutenberg editor, you can use the WPForms block, mention the contact form, save the page. And if you check the page from the front end, the form will be visible.
However, we have found that most bloggers are using the Classic Editor plugin for bringing the old style editor. So, go to a page where you need to show the form. And click on the add form button.
A popup will be there. From the dropdown menu, choose the form you need to display and insert it to the page.
A shortcode will be added to that page.
You need to publish/ update the page. And check it from the frontend. The form will be visible.
This is how you can make a file upload form in WordPress.
Get Started With WPForms
You can get the premium version of WPForms from below.
We hope you found this article interesting and enjoyed the read. If you did, please consider sharing this article with your friends and fellow bloggers on social media. For more awesome posts, feel free to check out the WordPress archives section.
Related Articles You Might Like: