How to Allow Users to Upload Images to Your WordPress Site

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.

Click Here to Create an Image Upload Form Now

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.

Here are just a few ways they can use an image upload form:

  • Submitting a profile photo
  • Adding images to their guest blog post submissions
  • Adding an image to an custom order form
  • Gathering testimonials of your products

…and you can probably think of quite a few more!

WPForms is the best WordPress Form Builder plugin. Get it for free!

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

The first thing you need to do is install and activate the WPForms plugin. Here’s a step by step guide on how to install a WordPress plugin.

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.

image upload form on wordpress

If you want to see the file upload form template in action, head over and check out our sample file upload form demo.

And you can add a File Upload form field to any form so users can submit images.

For instance, you can create the following types of forms using our Form Templates Pack addon:

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.

form wordpress settings
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 honeypot feature or Google reCAPTCHA. The honeypot feature is automatically enabled on all WordPress forms so if you decide to use another form of spam prevention, unclick this option.
  • 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 save any images users upload to your form in your WordPress Media Library, go to the Advanced Options section and select the Store file in WordPress Media Library box.

store image in wordpress media library

This way you can access images from the Media » Library menu in your WordPress dashboard.

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 it easy for your site visitors 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.

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.

image upload form notifications

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 business, you can check out this guide on adding a custom header to your email template.

Customized Header

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 as links.

Notification Email Links

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:

  1. 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.
  2. 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.
  3. 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.
form confirmations
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.

WPForms allows you to add your forms to lots of locations on your website, including your blog posts, 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.

publish wordpress image upload form

The form will now show up, and you can check to make sure you like the way it looks.

image upload form in wordpress editor
Now, publish your post or page so your WordPress upload form appears on your website.

image upload wordpress on wpforms

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.

tshirt order form with image upload field

Pretty cool, right? You’ll also need to configure payment settings on an order form or to have people pay before uploading a file.

This is easy to do using Authorize.Net, Stripe, or PayPal. The best way to do this is with our Stripe addon, so your users can submit payment without ever leaving your site.

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.

wordpress image upload form entries to view files easily

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.

view upload files in wordpress

Check out this complete guide to form entries if you’d like to learn even more.

Click Here to Create an Image Upload Form Now

In Conclusion

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!

And don’t forget, if you like this article, then please follow us on Facebook and Twitter.

Using WordPress and want to get WPForms for free?

Enter the URL to your WordPress website to install.

Add a Comment

We're glad you have chosen to leave a comment. Please keep in mind that all comments are moderated according to our privacy policy, and all links are nofollow. Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.