Want to let your website visitors upload images to your WordPress 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.
In This Article
- Step 1: Create an Image Upload Form in WordPress
- Step 2: Edit Your File Upload Field Options
- Step 3: Customize Your Image Upload Form Settings
- Step 4: Configure Your Form Notifications
- Step 5: Configure Your Form Confirmations
- Step 6: Publish Your WordPress Image Upload Form
- Step 7: View the Uploaded Files
Can Users Upload to WordPress?
Yes, you can allow users to upload images to your gallery in WordPress. But you’ll need a plugin WPForms, which works as an image uploader for WordPress. It lets users upload file types like images, audio, video, and documents to be uploaded with a single click.
You can even view these uploads as attachments within your WPForms entry management screen.
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, but it can also 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 upload images to your WordPress website.
How to Allow Users to Upload Images to Your WordPress Site
WPForms is an incredibly versatile plugin. We can use it as a WordPress image upload plugin using its simple drag-and-drop functionality without touching any code.
Check out the video above or read ahead to find out exactly how you can accept a user submitted image using WPForms step by step.
Step 1: Create an Image Upload Form in WordPress
Next, you’ll need to create a new form. Go to WPForms » Add New in your WordPress menu.
Then you can name your form and pick a template if you want to. WPForms has a File Upload Form template that comes with all the required fields and settings to allow visitors to upload files to your website.
Plus, you can create the following types of forms using our gallery of 500+ pre-made forms:
- 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 accepting user uploaded images and screenshots of issues
- Order form that lets users upload images for custom products and accepts payments with Authorize.Net, Stripe, Square, or PayPal
- And many more
If you want to see the file upload form template in action, head over and check out our sample file upload form demo.
Whether you build your file upload form from scratch or use a template, make sure to include one of the following fields:
- File Upload: This field will add a simple file uploader to your form so you can accept user submitted photos from visitors. You can check out our tutorial on how to create a file upload form as an example to get started. For more information, check out our complete guide to the File Upload field.
- Rich Text: If you’re using WPForms as an image upload plugin for guest or sponsored posts, you can let users add their images right to their post content with the Rich Text field. For more information, see our complete guide to the Rich Text field.
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: Edit Your File Upload Field Options
WPForms lets you save file uploads from your forms in your WordPress Media Library if you want to. To set this up, click on your File Upload field to see its options in the left panel.
Then click on the Advanced tab.
If you want to store user-submitted photos in your Media Library, turn on the Store file in WordPress Media Library option.
This way you can access user submitted images from your WordPress gallery. Simply go to Media » Library menu in your WordPress dashboard to find the images uploaded by your users.
Once images are in the Media Library, you can display them on your site!
If you’re using the Rich Text field to let users upload images to your WordPress site, you’ll first need to open its field options and turn on the Allow Media Uploads option.
Then you can turn on the Store file in WordPress Media Library option as well if you want.
Keep in mind, you can accept lots of different file types through your forms.
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 tutorial 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: Customize Your Image Upload Form Settings
Once your form is to your liking, go to Settings » General.
Here you can configure:
- Form Name — Change the name of your form here if you’d like.
- Form Description — Give your form a description.
- Tags — Add form tags to organize your site’s forms.
- Submit Button Text — Customize the copy on the submit button.
- Submit Button Processing Text — Change the text that will be visible while your form is being submitted.
There are also advanced settings you can customize:
- Form CSS Classes — Add custom CSS to your form.
- Submit Button CSS Class — Add CSS to your submit button.
- Enable Prefill by URL — You can use this setting to auto-fill some fields in your form.
- Enable AJAX form submission — Enable AJAX settings with no page reload.
- Disable storing entry information in WordPress — 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. Check out our step-by-step instructions on how to add a GDPR agreement field to your form.
Once you’ve completed the General settings, move down to the Spam Protection and Security settings.
These options will help prevent spam submissions and other problems with your forms:
- Enable anti-spam protection — Stop contact form spam with the anti-spam feature, hCaptcha, or Google reCAPTCHA. The anti-spam setting is automatically enabled on all new forms.
- Enable Akismet anti-spam protection — If you’re using the Akismet plugin to prevent spam, you can enable it for this form here.
- Enable country filter — Block submissions from certain countries.
- Enable keyword filter — Block submissions if they contain certain words or phrases.
- CAPTCHA options — WPForms offers multiple CAPTCHA intergrations, including reCAPTCHA, hCaptcha, and a Custom Captcha field. Check out our complete guide to contact form spam prevention for more details.
Save your form again once your settings look right.
Step 4: 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.
You can also use Smart Tags to include a file upload image link in the body of your notification email.
Or, in the Advanced settings for a notification, you can Enable File Upload Attachments to include the user’s upload as an attachment on your email notification.
Keep in mind that email providers may have attachment size or sending limits. See our tutorial on changing the maximum file size in WordPress for details on how to set or change file size limits for your File Upload field.
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.
Step 5: 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 them 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 people will see when they upload an image to your WordPress site.
To start, click on the Confirmations 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 6: 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 on the plus (+) icon and search for and click on WPForms.
The WPForms widget will appear inside your block. Click on the WPForms dropdown and pick your file upload form to insert it into your page.
The form will now show up, and you can check to make sure you like the way it looks. Then publish or update your form so it appears on your website.
Now, publish your post or page so your WordPress upload form appears on your website.
Ok, now that you’re getting images from users on your forms, let’s check out how to see those files.
Step 7: 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 forms. Click on your file upload form to see its submissions and hit View to see details about a specific entry.
Now that you’re inside the entry, you’ll be able to see the file name, plus click on it to view and/or download it.
Check out this complete guide to form entries if you’d like to learn even more.
And there you have it! You now know how to let users upload images to your WordPress site.
Next, Let Users Submit Blog Posts
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!