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: Install WPForms
- Step 2: Create an Image Upload Form in WordPress
- Step 3: Edit Your File Upload Field Options
- Step 4: Customize Your Image Upload Form Settings
- Step 5: Configure Your Form Notifications
- Step 6: Configure Your Form Confirmations
- Step 7: Publish Your WordPress Image Upload Form
- Step 8: View the Uploaded Files
- FAQs on Image Uploads in WordPress
How to Allow Users to Upload Images to Your WordPress Site
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: Install WPForms
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.
In order to accept user-submitted photos in WordPress, the first thing you need to do is install and activate the WPForms plugin.
If you need help with installing the plugin, you can see this step-by-step guide on how to install a WordPress plugin.
Step 2: Create an Image Upload Form in WordPress
WPForms lets your visitors upload images on the frontend. We just need to publish a form with a file upload field.
Once you’ve installed and activated WPForms on your site, you’ll need to create a new form. Go to WPForms » Add New in your WordPress menu.
Once you’ve done that, you’ll be taken to the form setup screen. Name your form and pick a template if you want to.
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.
- 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.
Step 3: Edit Your File Upload Field Options
As you edit your form, you can add additional fields by dragging them from the left-hand panel to the right-hand panel. You can also click on a form field and drag it to rearrange the order on your image upload form.
The File Upload field also allows you to restrict the uploads you accept. For example, you can limit the number of images that can be uploaded with each submission.
On the backend, you can choose to save images in the Media Library. This is handy if you want to publish the images in your posts or pages.
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.
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.
When your form looks the way you want it to, click Save.
Step 4: 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.
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 — The anti-spam setting is automatically enabled on all new forms and uses invisible form tokens to detect and block suspicious form entries.
- 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 5: Configure Your Form Notifications
You can send a notification email whenever someone submits this form on your website.
Unless you disable this feature, you’ll get a notification whenever someone submits an image.
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.
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 6: 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 7: 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.
Once you’re satisfied with the appearance of your form, go ahead and press the Publish button to launch your file upload form.
Ok, now that you’re getting images from users on your forms, let’s check out how to see those files.
Step 8: 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.
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 more.
And there you have it! You now know how to let users upload images to your WordPress site.
FAQs on Image Uploads in WordPress
Image uploads are easy to set up with WPForms, but you may run into issues with file sizes and formats. Here are some common questions we get.
How Do I Create an Image Uploader on My Website?
You can use a form builder plugin as an image uploader on your site.
Can Users Upload to WordPress Directly?
Yes, you can allow users to upload images to your gallery in WordPress. But you’ll need a plugin like 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.
Adding media files 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 media file 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.
What Image Formats Does WordPress Allow?
When you create an image upload form, WPForms uses the same defaults as WordPress.
You can accept lots of different types of files through your forms by default, including:
- Images (.png, .gif, and .jpg)
- Documents (.doc, .xls, .ppt, and .pdf)
- Video (.mpg, .mov, and .wmv)
- Audio (.wav, .mp3, and .mp4)
If you want to add other image formats, here’s how to allow additional file upload types to your forms. This is handy if you want to allow image uploads from smartphones since the file format and MIME type might be different.
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. Check out this tutorial on increasing the maximum file upload size in WordPress for more details.
Next, Accept User Submitted 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.
If you want to see how WPForms compares to other popular form builders, check out our guide on WPForms vs Typeform.
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!