How to Create a File Upload Form Using Ninja Forms
Do you want to create a file upload form using Ninja Forms? Keep reading this article if you are interested in this topic.
Last time, we shared a review of the Ninja Forms WordPress plugin. Many contact form plugins are available in the market for creating simple contact forms to something advanced like a payment processing form.
Ninja Forms is one of our favorite WordPress plugins, which will help everyone create contact forms without writing a single code. If you have purchased Ninja Forms or planning to buy Ninja Forms, you would need to know more about it.
This article will show you how to create a file upload form using the Ninja Forms WordPress plugin!
Ninja Forms
Ninja Forms is a freemium WordPress plugin that creates forms inside WordPress without much effort. The free version plugin is available on the WordPress plugin repository – Ninja Forms Lite. No worries if you don’t know HTML and CSS for form creation.
The Ninja Forms plugin offers a complete drag-and-drop form-building experience. The free version plugin is perfect for simple contact forms. But, the premium version is recommended for businesses and eCommerce shops. This is because they have a good collection of add-ons, making your forms even better and more powerful.
You might want to purchase the premium version to create a file upload form using Ninja Forms. Unfortunately, today’s free version doesn’t offer this feature.
Advertisement (Login for an ad-free experience)
Continue Reading Below
Recommended Read: How To Integrate WPForms With Brevo And Improve Lead Generation?
How to Create a File Upload Form Using Ninja Forms
This section will show you how to create a file upload form using the Ninja Forms WordPress plugin.
Total Time: 8 minutes
Install and Activate Ninja Forms
First of all, log in to your WordPress blog. As I mentioned, you will need to be on the Ninja Forms premium plan or purchase the file upload add-on separately for using it. Once logged in to the blog, go to the add new plugins section, and install and activate the Ninja Forms plugin.
Verify License Key
If running on the premium plan, you can activate the file upload add-on from your add-ons section. You will need to verify your license key to access all of those. The license key can be found on your Ninja Forms account.
Once you have verified it, you will get access to all their premium add-ons (according to your plan), plugin updates, priority support, etc. What you need to do is, install and activate the file uploads add-on on your site.
Create or Edit a Form
Now, we are ready to create the forms. By default, Ninja Forms will complete a blank form for you.
Go to the Form Builder
You can edit it or add a new form. In our case, we will edit this form and add a file upload field. So, click on the form name to make modifications. You can see a basic form with fields like:
Advertisement (Login for an ad-free experience)
Continue Reading Below
Name
Email
Message
Choose the File Upload Form
It will show all available fields in a slide-in. For example, you can see the file upload field there. You need to drag and drop it into the editor.
Adjust Fields
Adjust the position of the file upload field according to your requirements. From the same page, you will be able to configure the following:
Form Label
Label Position
File Renaming
File Destination
File Restrictions
Rename Fields
You will be able to rename the files that a user uploads through the form. If you prefer the default file name, don’t modify these settings. Or, you can use the tags for changing the file names.
If you prefer the default file name, don’t modify these settings. Or, you can use the tags for changing the file names.
Set up Restrictions
You can also add restrictions to the file upload field. For example, you can limit the files, file types, and file sizes.
Advertisement (Login for an ad-free experience)
Continue Reading Below
Limit the File Upload Limit (If You Want)
We highly recommend you limit the maximum file upload size. If a user tries to upload a big file and saves these files on your server, everything can be messy. So, by limiting the upload size, you can control those things before it happens.
By default, the files will be saved to the server. If you use any WordPress hosting that restricts your disk space usage, you probably need to rely on third-party cloud services.
Configure a Third-Party Storage
Thankfully, Ninja Forms allows us to save the uploaded files to an external server. In the Emails & Actions tab, you will see the configuration.
Choose a Storage
If you have enabled this, you can store your files to
Amazon S3
Dropbox
Google Drive
After configuring these, save your form. The next thing you need to do is, embed the form on your website. You can use the shortcode method or the Ninja Forms Gutenberg block.
Test the Form
So when someone submits a file through the form, you will get a notification in your admin email address, and also, you could see the same on the file upload section in your Ninja Forms admin dashboard.
There, you will see every piece of information regarding the file.
Advertisement (Login for an ad-free experience)
Continue Reading Below
Estimated Cost: 49.50 USD
Supply:
- Internet Connection
- A WordPress Installation
Tools:
- Ninja Forms Premium
- File Uploads Add On
So this is how you can create a file upload form using Ninja Forms. As you saw, this is pretty easy, and we do not want to write a single line of code and CSS. Furthermore, since the plugin offers a drag-and-drop form builder, even beginners can build powerful forms.
Get Started with Ninja Forms
You can get the premium version of Ninja Forms below.
$This is an affiliate link
This is how you can create a file upload form using Ninja Forms. We hope you have found this article helpful and learned how to create a file upload form using Ninja Forms. If you did, please consider sharing this article with your friends and fellow bloggers on social media. In addition, you can check out our blog for more related articles.
Advertisement (Login for an ad-free experience)
Continue Reading Below
It will probably help someone to know more about the plugin.
Frequently Asked Questions
Some of the popular frequently asked questions regarding Ninja Forms are below.
Can We Create a File Upload Form Using the Free Version Plugin?
No. You must purchase the premium Ninja Forms version to create a file upload form.
Third-Party Integrations Available?
Yes. You can integrate your forms with any third-party apps or services directly. On the other hand, you can use the Zapier service for the integration.
Do You Need to Know Coding for Form Creation?
No. Ninja Forms comes with an easy-to-use drag-and-drop form builder. So, creating WordPress forms using it might be pretty straightforward.
About the Author
Did you find the article useful?
Then pin me to your Pinterest Board, so that more people will find me
(Remember: The more you give to the Universe, the more you will get from the Universe)
So, Pin meEnter your Email Address below and be the FIRST to receive our Blogging Tips.
Aadarsh Roy says
Hey Christina and Nirmal ,
Great post with effective tips for creating file upload form using Ninja forms.
It is my first time commenting on your blog post and i must say that you have done a fantastic work and
suggested helpful tips and steps to create file upload form.
I totally agree with your point that Ninja-forms is a popular and well-known wordpress plugin that allows its user to create contact forms without using any code.
Your each of the suggested steps are so clear, easy to understand and following, whereas following the steps will be helpful.
Truly informative post and thanks for sharing.
Nirmal Kumar says
Congratulations on your first comment at BlogHeist. And welcome to the Crew!
I hope you are finding useful resources at our site. And if you have any topic suggestions, you are always welcome 🙂
Regards,
Nirmal Kumar.
Dev Patel says
Thanks for explaining the process of how to upload files on ninja forms. It was of great help.
BlogHeist says
Hey Dev,
Thanks for dropping by.
We are glad you enjoyed reading our post.
Should you’ve any queries you can reach us at:
https://blogheist.com/contact-us