This post offers you detailed information (Step by Step) of creating a file upload form in WordPress using WPForms WordPress Plugin.
So, your website visitors can upload file attachments to your WordPress forms. It allows you to collect the information you need.
In fact, the file upload field happens to be one of the best ways to get more information from your users quickly. It allows you to collect different types of files and even media from your site visitors when they submit their form to you.
Users can upload a file through your contact form in various scenarios for:
- Job applications and attach their resume files
- Customer support forms and can attach documents for providing additional information
- Registration forms
- Image Upload of the user or for contest
- Audio clips
- Client services forms and can attach their spreadsheet or project spec document
- User-submitted videos
Here, WPForms WordPress Plugin comes handy as it allows creating any types of file upload. It allows your site visitors to upload all kinds of file types to your contact forms such as:
- Documents – .doc, .xls, .ppt, and .pdf
- Images – .jpg, .png, and .gif
- Audio – .mp3, .mp4, and .wav
- Video – .wmv, .mov, .mpg
About WPForms
WPForms WordPress Plugin allows you to include a file upload option. It’s incredibly intuitive for building custom forms. In fact, it makes it easy to include the file upload field as a name or email field.
You can set a size limit on the file uploads. You can even choose which file extensions are allowed to upload. This comes handy when you want to use JPG images, and not PNG, for instance.
In fact, it’s one of the most powerful and user-friendly WordPress form builder in the market. It enables you to create any type of form, including simple contact forms, as well as complete checkout form solutions.
So, with WPForms, you can build forms in WordPress quickly. It’s a drag & drop WordPress form builder which allows you to create contact forms, online surveys, donation forms, order forms as well as other WordPress forms in minutes without writing any code.
It comes with smart workflows making it even easier for you to build forms. It has pre-built WordPress form templates that can be easily customized. You get all the fields you need, such as radio buttons, file uploads, multi-page forms, and more.
It allows you to integrate your WordPress forms with an email marketing service easily. You can even collect payments for bookings and orders. Well, WPForms will enable you to do it all.
Additionally, WPForms allows you to completely customize your WordPress forms with HTML blocks, custom CSS, and section dividers. It comes with tons of hooks & filters for developers so that they can extend and create custom functionality.
Some of its notable highlights include:
- Drag & Drop Form Builder: You can create amazing forms in just a few minutes without writing any code
- It offers pre-built form templates that save even more time
- It is 100% responsive. So, it works on mobile, tablets & desktop
- Smart Conditional Logic: It enables you to create high-performance forms
- Instant form notification feature allowing you to respond to leads quickly
- Entry Management: It allows you to view all your leads in one place
- Collect payments, donations, and online orders
- It will enable you to create subscription forms. You can connect it with your email marketing service
- You can embed your forms in blog posts, pages, sidebar widgets, footer, etc.
- Prevents spam submissions
Creating File Upload Form in WordPress using WPForms
Firstly, you need to install and activate the WPForms plugin. In fact, WPForms allows you to add file uploads to anywhere on your site, including form pages.
Now, you need to access your WordPress dashboard.
Here, click on WPForms >> Add New
It will create a new form.
You can name it whatever you like.
Now, scroll down to the Additional Templates section.
Type “File Upload Form” and click on it to open the template.
Now, WPForms will show up a pre-built File Upload Form, and Drag & Drop Builder will be displayed. If you want, you can add additional fields to your contact form. You need to drag them from the “left-hand panel” to the “right-hand panel.”
The File Upload Form will show up the fields such as
- Name
- Phone
- File Upload
- Additional Comments
You can make changes to any of the form fields by clicking on them. You can click and drag the form field to rearrange the order on your contact form.
Moreover, you can add the File Upload field to any WordPress form that you create. You can do this by dragging the File Upload form field that is found under Fancy Fields.
You should click on the File Upload field and change the:
- Label
- Description
- Allowed File Extensions
- Max File Size
- Required
- Style
You should note that all files that are uploaded by users will be stored in the WPForms folder inside the Uploads directory of your site.
However, you can even store these files in your WordPress Media Library. This can be done by selecting the “Store field in WordPress Media Library” checkbox under Advanced Options.
Now, we will enumerate the steps of customizing your file upload form settings.
So, you need to go to Settings >> General
Now, you can configure the following:
- Form Name
- Form Description
- Submit Button Text
- Spam Prevention
- GDPR Enhancements
When you’re done, click on Save.
Next, you need to configure your form’s notifications.
In fact, notifications are helpful when the user submits one of your file upload forms. An email notification is sent to you when someone submits a form on your site.
You need to set up Form Notifications in WordPress by providing your email address. You can even use smart tags for sending a personalized notification to your site visitors to enable them to know that you have successfully received it.
Now, you need to configure your file upload form’s confirmation.
WPForms offers three different kinds of confirmation:
- Message: It’s the default confirmation type and appears when someone hits submit on your form.
- Display Page: It automatically directs users to any page on your site such as a “Thank You” page
- Redirect: It takes the user to a different website or specialized URL
You need to click on the Confirmation tab in the Form Editor under Settings.
Now, you need to select the confirmation type that you want to create. Here, we have chosen Message. You can customize the confirmation message to your liking and click Save when you’re finished with it.
After this, you can add your form to your website, including your pages, blog posts, and sidebar widgets.
Here, we have taken the most common placement option: Page/Post Embedding.
For this, you need to create a new page or post in WordPress. Alternatively, you can even go to the update settings on an existing one.
Click inside the blank area below your page title.
Now, click on the Add WPForms icon.
Once you do this, the WPForms widget will appear inside your block. Click on the WPForms dropdown and select the forum that you want to insert into your page. So, you have to choose your file upload form.
Next, click on the Publish or Update button in the top right corner. Now, your file upload form will appear on your website.
You can view the uploaded files through WPForms >> Entries. Here, you can select the right form from the dropdown menu and click on View. You can right-click the file to download it. Else, you can even click to view it in your browser.
And, that’s it. Now, you know how to create a file upload form in WordPress using WPForms WordPress Plugin. So, you can get started with it. It’s one of the easiest WordPress Form Builder Plugin out there. Lastly, if you like this article, please share it on Facebook, Twitter, and LinkedIn. Thanks for visiting!
You have shared excellent guide to create file upload form using WPForms WordPress plugin.