Hey guys, today we are going to see how to create a file upload form on your WordPress website. For example, let’s say you have a website and you want your visitors to be able to share files with you. Adding a file upload form.
So after reading this article, you can create a form like this one. And anyone who visits your website can upload their file by filling out this form. If you click “Send” now, you will receive an email like this along with the uploaded file. So let’s create our file upload form.
Let’s first take a look at the website where we are going to create our form, here there, now to create the file upload form we are going to do 3 steps.
Step 1: Install a plugin
The first step is to install a plugin in WordPress. So to install the plugin let’s go to our WordPress control panel, now go to ‘Plugins’ and click on ‘Add New’ here, look for a plugin called ‘Forminator’ and you will get this one Plugin.
This is the plugin that will help us create a file upload form. To install the plugin, we click on “Install” and then on “Activate”. Now we have successfully installed the plugin.
Step 2: Create File upload form
We can go to Step 2 which will create our file upload form. To create the form we go to ‘Forminator’ click on ‘Forms’ And then click on ‘create’ Now here are different types of forms that you can create Since we want to create a form to upload files, I choose ‘Contact Form’ “.
Then click “Next” and you will be prompted to enter a name for your form. So enter the name and click “Create”. You can see that we have our form and as you can see that our form is not “We do” There is no field to upload the files. Next, we’ll add a field for uploading files.
To add the field, all you have to do is click on ‘Insert Fields’. we can add to our form.
We’d like to add a ‘File Upload’ field. Let’s select it and hit Insert Fields and you will get this page where you can edit your file upload field. If you want your visitors to upload a single file, you can select that.
If you want your visitors to upload multiple files, this is your choice. Since I want my visitors to only upload one file, I’ll leave it selected. If we now click on “Apply”. Here you can see that the File Upload field has been added to our form. You can add any field in the same way.
Once you have added the file upload fields, just hit the “Publish” button. Now we have successfully created the file upload form. Now that we have created the form, we can now go to the final step that is to say, add the form to your site.
Step 3: Create a new page
To add the form to your site, you need to create a new page first. To create them, let’s go to the Pages and click “Add New”. Now enter a title for your page. to enter ‘Contact Us’. Now add this form to our website. Just click on the plus symbol. And find ‘shape’ then select this block.
As you can see, the form has been added. Now click on ‘publish’. And our form will be added to our website. To check that we are now on our website, when we click on “Refresh” you can see that the page we created is not there.
Adding the Page to the Menu Next, let’s see how to add the page to our menu. Let’s go to our control panel. Now go to the Appearance and click on “Customize”. Here click on Menus and click on “Main Menu”. the page we created and will be added to our menu.
To save the changes, click “Publish” when we return to our website. And click on “Update”. So let’s open it and here you will see the form we created and have the option to upload files. Now we have successfully added the form to our website.
How does this form work?
Next, let’s see how this form works. Let’s say a visitor enters these details to upload the file now. All you have to do is click here and select the file you want to upload. Now when you click “Send Message” you can see that the file has not been uploaded and the message says “Maximum file size is 8MB”.
This means that we cannot upload larger files. Next, let’s see how you can increase the maximum upload size. To increase the charge size. Let’s get to our WordPress dashboard. Then go to ‘Forminator’ and click on ‘Forms’. Here you can see that we have our form that we created earlier. Now click on “Edit” and you will get to this page.
To increase the file upload size, click “Upload file” and you will get this page. Now go to ‘Settings. Here you can see that the upload file size limit is 8MB. And when you see here, the maximum file size for uploads is up to 134MB. That means we can increase the file size up to 134MB. And that size generally varies depending on the server.
Enter the desired file size here. I enter 15. Now your visitors can upload files up to 15MB in size. After you have entered the size, click on “Apply” and then on “Update” and the maximum file size will be increased. So let’s get back to our form.
So here’s how you can create a file upload form and add it to your site.
How to reply these emails?
Suppose you want to reply to this email. So just click on “Reply”. And as you can see here, we have our email address instead of our visitor’s email address. This means that we cannot answer our visitors. Next, let’s see how you can respond to your visitors. In order to reply to your visitors, you need to change this email address to the email address of your visitor.
To change that, let’s go to this tab and click on “Email Notifications”. Then click here and you will get to this page. Now change the e-mail address, the e-mail address of your visitors. Go to ‘Advanced’ and here you can change the email address. So let’s click on this plus symbol. And choose ‘Email Address’.
Now scroll down and click on ‘Add’. Now save our changes. Just click on “Update”. The email address will be changed. So to check that out. Let’s go back to our inbox and open the email.
If we click on reply now. Our visitors Enter the desired message here.And then click “Submit”. Now that message is sent now when we go to our visitor’s inbox. You can see that your visitor has an email. If we open it now, you will see the message we sent you in the email.
How can you add a file upload form to a page created with Elementor?
Fine! This is how you can react to your visitors. Next, let’s see how to add a file upload form to a page created with Elementor. Let’s say you have a page like this one made with Elementor. To add your file upload form with Elementor to this page, click on “Edit with Elementor”.
And it takes you to that page. Now go to 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 go here and search for ‘Forminator’ and you get this widget, so drag and drop the widget here, Now enter the title you want, When you have entered the title, click ‘Update’ and our form will be added to our page.
Now if we click here, you’ll see that the form has been added. This is how you can add your [File Upload] form to a page created with Elementor. So that’s it, guys. Here’s how you can create a file upload form on your WordPress website.
Thanks very much!