Want to let your website visitors upload an image to your site? Using a simple form makes this easy for your users without giving them access to log in.
In this article, we’ll show you how to allow users to upload images to your WordPress site quickly and easily.
Why Allow Users to Upload an Image?
You might wonder when it makes sense to allow your website visitors to upload image files to your site.
Inserting images into a form is not only easy, it can be really helpful. Here are just a few ways your WordPress contributor can use an image upload form:
- To add images to their profile photos
- Adding images to their guest blog post submissions
- Adding an image to a custom order form
- Gathering testimonials of your products
- Letting users submit events on a calendar
…and you can probably think of quite a few more reasons to use an image uploader for WordPress!
Having an image upload form saves you time, since you don’t have to upload the user’s images yourself. It also helps to keep your site secure, because you don’t have to give all your users access to log in to your site if they want to upload images.
So, let’s see how to allow users to submit images to your WordPress website.
How to Allow Users to Upload Images to Your WordPress Site
Check out the video above or read ahead to find out exactly how it’s done step-by-step:
Step 1: Create an Image Upload Form
Next, you’ll need to create a new form. You can check out our tutorial on how to create a file upload form as an example to get started.
If you want to see the file upload form template in action, head over and check out our sample file upload form demo.
WPForms is the best file upload plugin for the task. You can add a File Upload form field to any form so users can submit images and upload files with the easy drag and drop builder.
For instance, you can create the following types of forms using our Form Templates Pack addon:
- Accident report form
- Contest entry form that requires image submissions to enter
- Employee Information forms so you can create employee identification badges
- Student enrollment form
- Recipe catalog form
- School ID registration form
- Support ticket form for things like screenshots of issues
- And many more
You can also add additional fields to your form by dragging them from the left hand panel to the right hand panel.
Then, click on the field to make any changes. You can also click on a form field and drag it to rearrange the order on your image upload form.
Step 2: Customize Your Image Upload Settings
To start, go to Settings » General.
Here you can configure:
- Form Name — Rename your form here if you want to.
- Form Description — Give your form a description.
- Submit Button Text — Customize the copy on the submit button.
- Spam Prevention — Stop contact form spam with the anti-spam checkbox, hCaptcha, or Google reCAPTCHA. The anti-spam feature is automatically enabled on all WordPress forms.
- AJAX Forms — Enable AJAX settings with no page reload.
- GDPR Enhancements — You can disable the storing of entry information and user details, such as IP addresses and user agents, in an effort to comply with GDPR requirements. In addition, check out our step-by-step instructions on how to add a GDPR agreement field to your simple contact form.
To add media and save any images users upload to your form in your WordPress Media Library as WordPress files, go to the Advanced Options section and select the Store file in WordPress Media Library box.
This way you can access images from the Media » Library menu in your WordPress dashboard, and select files you want to access.
Once images are in the media library, you can display them on your site!
For more information about the File Upload form field, check out our complete guide to the file upload field.
Keep in mind, you can also accept lots of different file types.
WPForms makes uploading images easy for your site visitors…whether they want to upload all kinds of file types to your contact forms, including but not limited to:
- Documents (.doc, .xls, .ppt, and .pdf)
- Images (.png, .gif, and .jpg)
- Video (.mpg, .mov, and .wmv)
- Audio (.wav, .mp3, and .mp4)
For WordPress security reasons, the default file types that can be uploaded are limited. Here’s how to allow additional file upload types to your forms, and a more specific one on enabling Adobe Illustrator file uploads.
If you’d like to increase the maximum upload image size for your site, you’ll need to reach out to your WordPress hosting provider to find out if it’s possible. Sometimes things like a full-size image can be really huge. For more details, check out this tutorial on increasing the maximum file upload size in WordPress.
When your form looks the way you want it to, click Save.
Step 3: Configure Your Form Notifications
You can send a notification email whenever someone submits this form on your website.
Unless you disable this feature, whenever someone submits an uploaded image, you’ll get a notification about it.
If you use Smart Tags, you can also send a notification to the site visitor when they fill out the form, letting them know you received their image, and you’ll be in contact shortly.
This assures people their form has gone through. For help with this step, check out our documentation on how to set up form notifications in WordPress.
WPForms also lets you notify others when a form is submitted on your site. For help doing this, check out our step-by-step tutorial on how to send multiple form notifications in WordPress.
Lastly, if you want to keep the branding of your emails consistent for your small business, you can check out this guide on adding a custom header to your email template.
And what’s really cool is that since file attachments can often hurt email deliverability, WPForms doesn’t attach your user’s files in notification emails. Instead, we send the file uploads via email an image link.
Step 4: Configure Your Form Confirmations
Form confirmations are messages that display once someone submits their responses to your form.
They let people know that you’ve processed their form and offer you the chance to let them know what steps they must take next.
WPForms has 3 confirmation types to choose from:
- Message: This is the default confirmation type in WPForms. When someone submits to your form, a simple message will appear, letting them know their form was processed. Check out some great success messages to help boost user engagement.
- Show Page: This confirmation type will take users to a specific web page on your site thanking them for submitting the form or send to another page where they can access other information. For help to do this, check out our tutorial on redirecting customers to a thank you page. Also, be sure to check out our article on creating effective Thank You pages.
- Go to URL (Redirect): This option is for when you want to send site visitors to a different website.
Here’s how to set up a simple form confirmation in WPForms so you can customize the message your people will see when they uoload an image to your WordPress site.
To start, click on the Confirmation tab in the Form Editor under Settings.
Then, customize the confirmation message to your liking and click Save.
For help with other confirmation types, see our documentation on setting up form confirmations.
Step 5: Publish Your WordPress Image Upload Form
Now that you’ve built your form, you’ll need to add it to your WordPress website to get your file uploader up and ready.
WPForms allows you to add your forms to lots of locations on your website, including your WordPress blog posts, WordPress pages, and even sidebar widgets.
To begin, create a new page or post in WordPress, or go to the update settings on an existing one. After that, click inside the first block (that’s the blank area below your page title) and click on the Plus Sign icon and search for and click on WPForms.
The WPForms widget will appear inside your block. Click on the WPForms drop-down and pick which form from the ones you’ve already created that you want to insert into your page.
Select the name of the form you just created to embed your form.
The form will now show up, and you can check to make sure you like the way it looks.
Now, publish your post or page so your WordPress upload form appears on your website.
Want to customize eCommerce products? It’s easy to accept images from customers on an order form.
For example, let’s say you sell custom t-shirts to people who want their own images on the shirts. Simply add a File Upload field to an order form to let users submit their own images along with their order.
Pretty cool, right? You’ll also need to configure payment settings on an order form or to have people pay before uploading a file.
Ok, now that you’re getting images from users on your forms, let’s check out how to see those files.
Step 6: View the Uploaded Files
Want to see your form entries and the uploaded files from users? You can view, search for, filter, print, and delete any of the entries. Do you want to allow only logged in users to upload images to your site? Check out the Form Locker addon.
To see the entries, head to your WordPress dashboard and click on WPForms » Entries. Then you’ll see the Entries screen that shows you all your form submissions. Click on View to see details about the entry.
Now that you’re inside the entry, you’ll be able to see the File Upload name, plus click on it to view it and/or download it.
Check out this complete guide to form entries if you’d like to learn even more.
Final Thoughts on WordPress Image Uploading
And there you have it! You now know how to let users upload images to your WordPress site.
Want your users to be able to submit a whole blog post, instead of just an image? Check out our guide on how to allow users to submit blog posts.
So, what are you waiting for? Get started with the most powerful WordPress forms plugin today. WPForms Pro comes with a free file upload form template and a 14-day money-back guarantee!