Hi guys,
Today we are going to see
how you can create a File upload form on your Wordpress website.
Let’s say you have a website,
And you want to give your visitors a way to share files with you
You can do that easily, by adding a file upload form.
So after watching this video, you will be able to create a form like this.
And anyone who is visiting your site
will be able to upload their file
by filling up this form.
Now if they click ‘send’,
you will get an email like this,
Along with the file they have uploaded.
Okay!
I am Bryan from Website Learners,
And let’s create our File upload form.
First, let’s see the website, where we’re going to create our form.
Here it is.
Now to create the File upload form,
We are going to do 3 steps.
The first step is to install a plugin in wordpress.
So to install the plugin
Let’s go to our WordPress Dashboard
Now go to ‘Plugins’
And click ‘Add New’
Here, search for a plugin called ‘Forminator’
And you will get this plugin.
Now, this is the plugin which will help us to create a File upload form.
So to install the plugin,
Let’s click ‘Install’
And then click ‘Activate’.
So now we have successfully installed the plugin.
Once you have installed the plugin.
We can go to step 2, which is to create our file upload form.
So to create the form
Let’s go to ‘Forminator’
click ‘forms’
And then click ‘create’
Now, here you will find different types of forms which you can create.
As we want to create a File upload form,
I am going to choose ‘Contact form’.
Then click ‘continue’.
And it will ask you to enter a name for your form.
So let’s enter the name.
And click ‘create’
You can see that we have got our form.
And as you can see, our form doesn’t have any field to upload the files.
So next, let’s add a file upload field
To add the field,
All you have to do is,
Just click ‘Insert fields’.
And you can see that we have different types of fields,
which we can add to our form.
Since we want to add a ‘File upload’ field.
Lets select it
and click insert fields
And you will get this page, where you can edit your file upload field.
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,
you can select this.
As I want my visitors to upload only a single file,
I am going to keep this selected.
Now if we click ‘Apply’.
Here you can see that the File upload field has been added to our form.
so in the same way you can add any field you want
Once you have added file upload fields
Just click 'publish'
So now we have successfully created file upload form
once you have created the form
we can now go to the final step
which is to add the form to your site.
So to add the form to your site.
First, you need to create a new page,
So to create it,
Let’s go to pages,
And click ‘Add new’
Now here enter a title for your page.
I am going to enter ‘Reach Us’.
Now to add this form to our site.
Just click the plus icon.
And search for ‘Form’
Then select this block.
As you can see, the form has been added.
Now click ‘publish’.
And our form will be added to our site.
So to check that
Let’s go to our website
Now if we click ‘refresh’
You can see that we do not have the page which we created.
Next, let’s see how to add the page to our menu.
So to do that
Let’s go to our dashboard
Now go to appearance
and click ‘customize’
Here click on menus
And click ‘primary menu’
Here you can see the menu items which we have on our site.
Now to add the page to our menu
Just click here
Now select the page which we have created.
And it will be added to our menu.
So to save the changes
Click ‘publish’
Now if we go back to our website.
And click ‘refresh’
You can see that we have now got the page.
So let’s open it
Here you can see the form which we have created.
And we have the file upload option.
So now we have successfully added the form to our website.
Next, let’s see how this form works.
Let’s say a visitor fills up these details,
now to upload the file.
All they have to do is
Just click here,
and select the file which they want to upload
Now, if they click ‘Send message’
You can see that the file is not uploaded.
And says the ‘maximum file size allowed is 8MB’.
Which means we cannot upload files which are larger than 8MB.
So next, let’s see how to increase the maximum upload size
So to increase the upload size.
Let’s go to our wordpress dashboard
Then go to ‘Forminator’
And click ‘Forms’
Here you can see that we have our form, which we created before.
Now click ‘edit’
And it will take you to this page.
Now to increase the file upload size
click this ‘Upload file’
And you will get this page.
Now go to ‘settings’
And here you can see that the upload file size limit is 8MB.
And if you see here, the maximum upload file size limit is up to 134MB.
Which means we can increase the file size up to 134MB.
And this size usually varies based on your server
So here, enter the file size you want.
I am going to enter 15
So now your visitors can upload files of size up to 15 MB.
Once you’ve entered the size.
Click ‘Apply’.
then click ‘Update’
And the maximum file size will be increased.
So let’s go back to our form.
And click ‘refresh’.
Now let’s say a visitor fill up these details,
And upload the file, which is above 8 mb
Now if they click ‘send message’.
You can see that the form has been submitted.
So now, if we go to our inbox,
You can see that we have got an email.
Now if we open it,
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.
Okay!
So, this is how you can create and add a file upload form to your site.
Now, Let’s say you want to reply to this email.
So just click ‘Reply’.
And as you can see here, we have our email address
instead of our visitor’s email address.
Which means we cannot reply to our visitors.
So next, let’s see how you can reply to your visitors.
Now to reply to your visitor’s,
You need to change this email address to your visitor’s email address.
So to change that
Let’s go to this tab
And click ‘Email notifications’
Then click here,
And you will get this page.
Now to change the email address to your visitors email address.
Go to ‘Advanced’
And here you can change the email address.
So let’s click this plus icon.
And select ‘Email address’
Now scroll down
And click ‘Add’.
Now to save our changes.
Just click ‘Update’.
And the email address will be changed.
So to check that.
Let’s go back to our inbox,
and open the mail
Now if we click reply
Here you can see that the email address has been changed to our visitor’s email address.
So now we can reply to our visitors.
Here enter the message you want.
And then click ‘Send’.
Now this message will be sent
Now if we go to our visitor’s inbox.
You can see that your visitor has got an email.
Now if we open it,
you can see the message which we have sent in the email.
Okay!
So this is how you can reply to your visitors.
Next, let’s see how you can add a File upload form to a page which is built using elementor.
Let’s say you have a page like this,
which is built using elementor.
Now to add your file upload form to this page using elementor
Click ‘Edit with Elementor’.
And it will take you to this page.
Now go to the place where you want to add the form.
Let’s say you want to add the file upload form here,
All you have to do is
Just go here
and search for ‘Forminator’
And you will get this widget.
So just drag the widget and drop it here.
Now here enter the title you want.
I am going to enter ‘support’.
Once you’ve entered the title.
Click ‘Update’.
And our form will be added to our page.
Now if we click here
You can see that the form has been added.
So this is how you can add your [file upload] form to a page
which is built using elementor.
Okay!
So, that’s it, guys.
This is how you can create a File upload form on your Wordpress Website.
Now if you want to learn how to add push notification to your website
you can click here
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,
Take care, Bye-bye.