Up next in 10
How To Create A File Upload Form In WordPress _ Simple & Easy
5K views
Sep 24, 2023
In this user-friendly video tutorial, you'll learn a simple and easy way to create a file upload form in WordPress. Whether you're running a website that requires user submissions, job applications, or document uploads, this guide will walk you through the process step-by-step. With clear instructions and practical demonstrations, you'll gain the skills to implement a file upload form effortlessly. By the end of this tutorial, you'll be able to provide a seamless and convenient way for your website visitors to submit files, making your WordPress site even more interactive and functional. Watch now and enhance your website's capabilities with a file upload form!
View Video Transcript
0:00
Hi guys
0:01
Today we are going to see how you can create a file upload form on your WordPress website
0:05
Let's say you have a website and you want to give your visitors a way to share files with you
0:12
You can do that easily by adding a file upload form. So after watching this video
0:17
you'll be able to create a form like this and anyone who's visiting your site
0:21
will be able to upload their file by filling up this form
0:27
Now if they click send, You will get an email like this
0:32
along with the file which they have uploaded. Okay, I'm Brian from Website Learners
0:38
and let's create our file upload form. First, let's see the website, where we are going to create our form
0:43
Here it is. Now to create the file upload form, we are going to do 3 steps
0:53
The first step, is to install a plugin in WordPress. So to install the plugin
1:00
Let's go to our WordPress dashboard Now go to plugins And click add new
1:12
Here search for a plugin called forminator And you will get this plugin
1:23
Now this is the plugin which will help us create a file upload form To install this plugin
1:29
Let's click install And then click activate So now we have successfully installed the plugin
1:42
Once you have installed the plugin We can go to step 2 Which is to create our file upload form
1:49
So to create the form Let's go to Forminator Click forms And then click create
2:04
Now here you will find different types of forms, which you can create As we want to create a file upload form
2:11
I'm going to choose contact form Then click continue And it will ask you to enter a name for your form
2:23
So let's enter the name And click create You can see that, we have got our form
2:37
And as you can see, our form doesn't have any field to upload the files
2:41
So next, let's add a file upload field To add the field, all you have to do is, just click insert fields
2:52
And you can see that, we have different types of fields, which we can add to our form
2:56
Since we want to add a file upload field, Let's select it
3:05
And click insert fields And you will get this page where you can edit your file upload field
3:14
Now if you want your visitors to upload a single file, You can select this Or if you want your visitors to upload multiple files
3:21
You can select this As I want my visitors to upload only a single file I going to keep this selected Now if we click apply Here you can see that
3:36
the file upload field has been added to our form. So in the same way
3:40
you can add any field you want. Once you have added the file upload field
3:46
Just click publish. So now we have successfully created the file upload form
3:55
Once you have created the form, we can now go to the final step which is to add the form to our website
4:01
So to add the form to your site, first, we need to create a new page
4:06
So to create it, let's go to pages and click add new
4:18
Now here, enter a title for your page. I'm going to enter
4:22
reach us Now to add this form to our site, Just click the plus icon
4:33
and search for form Then select this block As you can see, the form has been added
4:46
Now click publish And our form will be added to our site
4:56
So to check that, Let's go to our website Now if we click refresh
5:08
You can see that, We do not have the page which we created Next
5:13
Let's see how you can add the page to our menu So to do that
5:17
Let's go to our dashboard Now go to appearance and click customize
5:32
Here click on menus and click primary menu Here you can see the menu items
5:43
which we have on our site Now to add the page to our menu
5:48
Just click here Now select the page which we have created And it will be added to our menu
6:01
So to save the changes Click publish Now if we go back to our website
6:14
And click refresh You can see that we have now got the page
6:22
So let's open it Here you can see the form which we have created
6:32
And we have the file upload option So now we have successfully added the form to our website
6:37
Next, let's see how this form works Let's say a visitor fills up these details
6:42
Now to upload the file, all they have to do is
6:52
Just click here and select the file which they want to upload
7:05
Now, if they click send message, you can see that the file is not uploaded
7:12
and says the maximum file size allowed is 8 MB which means we cannot upload files which are larger than 8 MB
7:21
So next, let's see how to increase the file upload size. So to increase the file upload size
7:28
Let's go to our WordPress dashboard Then go to forminator And click forms
7:40
Here you can see that, we have our form which we have created before Now click edit
7:50
And it will take you to this page Now to increase the file upload size Click upload file
8:00
And you will get this page Now go to settings And here you can see that, the upload size limit is 8 MB
8:11
And if you see here, the maximum upload file size limit is up to 134 MB
8:16
Which means we can increase the file size up to 134 MB And this size usually varies based on your server
8:23
So here, enter the file size you want I'm going to enter 15
8:31
So now your visitors can upload files of size up to 15 MB Once you have entered the size
8:38
Click apply Then click update And the maximum file size will be increased
8:54
So let's go back to our form and click refresh Now let's see a visitor fills up these details
9:15
and uploads a file which is above 8 MB Now if they click send message
9:30
You can see that, the form has been submitted. So now if you go to our inbox
9:37
You can see that, we have got an email. Now if you open it
9:46
You can see the details of the visitor who has filled in the form. And also, you can see the file they have attached to the form
9:53
Okay, so this is how you can create and add a file upload form to your site
9:59
Now let's say you want to reply to this email. So just click reply
10:08
And as you can see here, we have our email address instead of our visitor's email address
10:15
Which means we cannot reply to our visitors. So next, let's see how you can reply to your visitors
10:22
Now to reply to your visitors You need to change this email address to your visitor email address So to change that Let go to this tab
10:35
and click email notifications Then click here And you will get this page
10:48
Now to change the email address to your visitor's email address Go to advanced And here you can change the email address
10:59
So let's click the plus icon And select the email address Now scroll down
11:11
And click add Now to save the changes Just click update And the email address will be changed
11:26
So to check that, Let's go back to our inbox And open the mail
11:39
Now if we click reply Here you can see that, The email address has been changed
11:47
To our visitor's email address So now we can reply to our visitors
11:52
Here enter the message you want and click send Now this message will be sent
12:03
Now if we go to our visitor's inbox You can see that
12:07
our visitor has got an email Now if you open it You can see the message
12:15
which we have sent in the email Okay So this is how you can reply to your visitors
12:22
Next Let's see how you can add a file upload form to a page, which is built using elementor
12:28
Let's say you have a page like this, which is built using elementor
12:35
Now to add your file upload form to this page using elementor, click edit with elementor
12:43
And it will take you to this page. Now go to the place where you want to add the form
12:48
Let's say you want to add a file upload form here. All you have to do is
12:52
Just go here and search for forminator And you will get this widget
13:00
So just drag this widget And drop it here Now here, enter the title that you want
13:10
I'm going to enter support Once you have entered the title Click update
13:17
And our form will be added to our page. Now if we click here
13:25
You can see that, the form has been added. So this is how you can add the file upload form to a page
13:36
which is built using Elementor. Okay, so that's it guys. This is how you can get a file upload form on your wordpress website
13:44
Now if you want to learn how to add push notifications to your website, you can click here
13:52
And also make sure you subscribe to website learners to get more videos like this one. Thanks for watching, I'll see you in the next video
13:58
Take care, bye bye
#File Sharing & Hosting