Do you want to make a file upload form in WordPress?
With a WordPress form builder plugin, you will be able to create any type of contact form. Of course, when we say the word contact form, you will think of a form with name, email, subject, and content field. However, with a powerful form builder plugin, you can make the 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.
Recommended Read: How To Integrate WPForms With SendinBlue And Improve Lead Generation?
Let’s say that you are hiring someone and need to accept resumes through forms. In that case, a file upload field is mandatory. Also,
Hiring a WordPress developer to create 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 of form with some simple mouse clicks!
Recommended Read: How To Increase Your Productivity Using WPForms and Zapier?
Now, let’s see how you can create a file upload form using WPForms.
Total Time: 10 minutes
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, you don’t need to add any additional extensions. It is available in the core WPForms plugin. Anyway, let’s create a new form.
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. You will be creating more forms in the future.
And then, WPForms offers some pre-made templates like:
Request a Quote Form
Newsletter Signup 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 on 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.
You need to consider configuring some essential things – 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 resumes.
Another option we loved is, limiting the file types, size, and number. Usually, when you publish a file upload form on our website, our website visitors can upload any kind of file 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 (,) to separate 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 example, 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. In addition, 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.
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.
Estimated Cost: 39.50 USD
- Credit Card
This is how you can make a file upload form in WordPress.
You can get the premium version of WPForms from below.
$This is an affiliate link
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. Also, for more awesome posts, feel free to check out the WordPress archives section.
Related Articles You Might Like:
- WPForms Vs. Ninja Forms: Here’s the Clear Winner!
- WPForms vs. Gravity Forms: Which Is Best?
- Typeform Alternative: WPForms Introduces New Feature!
- How to Accept Stripe Payments in WordPress Through Forms?
- How to Eliminate Spam in WordPress Through Forms?
Did you find the article useful?
Then pin me to your Pinterest Board, so that more people will find me
(Remember: The more you give to the Universe, the more you will get from the Universe)So, Pin me