Do you want to allow your visitors to be able to upload file attachments to your worpress site? Allowing users the ability to upload files and media to the pages of your web will make obtaining the data you need easier for you. We’ll guide you in this article how to easily create a file upload form in WordPress.
Why use file upload function on your WordPress forms?
The use of a file upload field is one of the easiest ways to make it easier for you to easily get more data from your users, depending on the type of information you want to collect on your form. And, making forms easier to fill out helps lower the rate of abandonment of your form so your platform can produce more revenue.
You may also have to add your WordPress form to a file upload box to allow visitors to collect various types of files and media by submitting their form.
Here are some of the most common scenarios in which users can upload a file through your web form:
- Job application forms to enclose resume files of candidates.
- Images for contest or use with a gift plugin as image files.
- Users have submitted content forms to enclose a blog post or image to be posted.
- Form for customer services so that customers can add their spreadsheet or project info.
- Customer support process for customers to provide additional information by adding documents.
- Audio clips for your podcast playback.
- Videos submitted by the users on an event registration form so you will have material to play on your event (great for weddings, anniversaries, and fundraisers.)
Fortunately, the plugin for WPForms makes the upload of all types of files into your contact forms simple for your website visitors.
- Documents (.doc, .xls, .ppt, and .pdf)
- Images (.png, .gif, and .jpg)
- Video (.mpg, .mov, and .wmv)
- Audio (.wav, .mp3, and .mp4)
The default file types that may be uploaded are restricted for reasons of WordPress security. However you can allow additional files types to be uploaded to your forms.
Let us go ahead and see how to add your WordPress contact form to the file upload field.
How to create a WordPress file upload form
Phase 1: Build your WordPress file upload form.
WPForms allows you to attach files to anywhere on your site, not just form pages, unlike the Google Form Upload file feature where you can upload files on form pages only.
Then go to the WordPress dashboard and click WPForms » In the left panel, add a new form and name it whatever you want.
Now, scroll down to the “File upload form” portion, then press to open the file.
Make sure the Form Templates Pack Add-on is already activated to search for this form.
Now WPForms can add a pre-constructed file upload form and display the user drag and drop.
Here, by dragging the fields from left panel to the right panel, you can add additional areas to your contact form.
You have the name, e-mail, phone, file upload and additional comments fields already with the File Upload Form template. To make changes, click any of the fields in the form. You can also select a form area for your contact form, and drag it to rearrange the order. The File Upload area can also be extended to any form that WordPress generates. Just move the form upload file from the left panel of the Form Editor to the right hand side, placed under Fancy Fields.
All user-uploaded files are saved in the folder of WPForms in the directory Uploads of your website by default. You can also store the files in the WordPress Media Library by selecting the Store field in the Advanced Options check box.
Phase 2: Customize Form Settings for your file upload
To start, go to Settings » General. The following can be set up here:
- Form Name — If you would like to change your form here.
- Form Description — Give your form a description.
- Submit Button Text — Customize Submit Button.
- Spam Prevention — Enable spam prevention honeypot function to avoid spambots. All versions of WordPress allow this feature automatically.
Then press Save when you finish.
Step 3: Set up notifications for your form
Notifications are a perfect way to learn when someone submits an upload form of your file. You will get an email notification when someone sends you a form on your website if you do not disable the alert feature.
Further, if you use smart tags, you can send your site visitors a customized message after they complete your form to make them aware that you have received it. It means that users have successfully completed their form and submitted their file.
Further, by adding your logo or icon to the image area in your custom headers, you can easily mark your notification emails. At the top of email notifications, like the logo WPforms below, the logo / image you pick appears.
Note: Because file attachments are often able to harm email deliverability, WPForms will not be able to add the files of your email user.
Phase 4: Set up confirmations for your file upload form
Form confirmations are methods of acting immediately after user have sent details to the form.
There are three different types of WPForms confirmations:
- Message — This is the default type of confirmation which is shown and can be modified after someone reaches the form.
- Display Page — Send users to any page on your site automatically (like a thank you page).
- Redirect – helpful if you want to move the user to another website or a specific URL to more complex configuration.
In the Form Editor under Settings, click on the Confirmation tab to start.
First, choose the type of confirmation form you want to generate. We’ll choose Message for this example.
Then customize your confirmation message and press Save when done. You are now prepared to add your website form.
Phase 5: Add your upload form in Your Website
You need to link it to the WordPress website after creating your form. With WPForms, you can add your form in a variety of locations, including your blogs, blog posts and sidebar widgets. Therefore, let us look at the most common positioning option: page/post embedding. To start, create or post a new page in WordPress and go to the update settings on that page. Next click the Add WPForms icon in the first block (the blank field under your page title).
Now you will see the WPForms widget within your window. To insert your website please click on the WPForms dropdown and choose the form you have created. Choose the upload type for your file. Next, in the top right click on the blue button which says that either Publish or Update will be displayed on your website.
That’s all! The form for uploading the file is now available on your website.
Phase 6: Browse the Files
Every submission is stored by WPForms as an entry. Go to WPForms » Entries for displaying uploaded documents/files. And then, in the dropdown menu, pick the correct form and click on View.
Next right-click on the file or copy it in your browser to open the file.
And that’s it! You can now create a WordPress upload form.