how-to-allow-users-to-upload-images-to-your-wordpress-site_g

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.

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:

…and you can probably think of quite a few more reasons to use an image uploader for WordPress!

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.

form with wordpress upload image

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.

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

store image in wordpress media library

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.

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 small 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 an image link.

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

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

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!

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.

Comments

  1. The source folder also contains a WordPress page template with a custom loop that displays published images for all users. You may wish to place more stringent validation on your image uploads. Remember, you’re accepting data from users who may accidentally or maliciously upload inappropriate files. Checking the file type and size is a good start.

    1. Hey Dovolena – Thanks for the feedback. A file type check is already included in the file upload field. By default, only secure file types as recommended by WordPress are allowed to be uploaded. You can allow to upload more file types though, if you wish using this tutorial.

      Same goes with File size. It will allow maximum file size that is allowed in your server config and you can reduce it further if you need as explained here

      I apologize but I am not sure I understand your info about that custom loop, could you please contact our support team here and provide some more info and we can surely check it further.

      Thanks!

  2. Are customers able to upload as many images as they want or is the form limited to only accepting one image at a time?

    1. Hey Nivia – Great question!

      Yes, you can absolutely upload multiple files to a single File UPload field. To do this, please navigate to Field Options of the File Upload field >> Advanced option and select the style as “Modern”.

      Next, in the “Max File Number” field, you can choose the number of files that users are allowed to submit.For more details on using the File Upload field’s Modern style, please see our tutorial

      I hope this helps! If you have more questions about this, or if I’ve misunderstood your question in any way, please contact our support team. We’d be happy to help more from there! 🙂

  3. Hi I’m really interested in this feature and looking forward to using it for an interactive guestbook. Is it possible to have the photos uploaded saved in a particular folder or gallery in the WordPress site so that I can use the folder for an album or slider on the page itself or somewhere else?

    Thank you and good day!

    1. Hey Leonard – You can change the file upload location to your media library in WordPress as explained in this tutorial. Once they are in media library, you will be able to use them easily on galleries or sliders, etc.

      I hope this helps!

      1. Yes I saw that however wouldn’t that feature just save in the general media folder. Is it possible to have them automatically saved in another media folder so not to get mixed up with the website’s other media?

      2. Hey Leonard – I am afraid that feature is not available at the moment. We will keep that on our radar for the future!

        Thanks for the suggestion!

  4. Hi, Let’s say I have a website that sells photo frames. Is there a way to allow users to upload a photo and preview their image with the frames available on my site in real-time? Please help!

    1. Hey Husnul – I am afraid this option is not available at the moment. We will keep it on our radar for the future. Thanks for the suggestion!

      1. Hey Divij – I am afraid, currently we don’t have any such option, I will add your vote to the feature request so that the dev team can consider this for the future.

        Sorry for the inconvenience.

  5. Hi, In my website have list of pdf files. I need to allow user to upload their pdf files in that same page automatically is their any way

  6. Is there a way to set a default image (from the media library) if the user doesn’t fill one in? In my case, I have a post submission form that includes an optional image.

    1. Hey Mike – Great question! All the files are stored in the upload folders of your WordPress install, you can even change them to be stored in the media section of your WordPress install.

      Once the files are in the media library, you can display them anywhere on your site, as you do with any other image present in your media library.

      I hope this helps!

  7. Hello, so I sell custom keychains with my customers pictures on it. They usually send me there pictures individually through email and sometimes it can be a hassle looking through them. Would this website allow a customer to upload a picture for a custom order.

    1. Hey Abigail – Great question! Yes, you can absolutely allow users to upload images on your site. The file upload field is available with any paid version of WPForms.

      For any further help on this, please feel welcome to reach out to our support team.

      Have a good one! 🙂

      1. Hi Grace, Do any versions of your plugins scan uploads from users to prevent uploading viruses or malware to the site/server?

      2. Hi Shane,

        WPForms should handle the bulk of file upload security for you — we don’t allow any unapproved or unauthorized files to be uploaded. So as long as you are using a reputable web host, there should be no issues.

        If you aren’t sure about what methods your web host uses to secure their servers, I would suggest asking them both about that and what they would do for you if your site were breached. Always best to know!

        You can also restrict file types and this will restrict specific file types from getting uploaded.

        If you have any questions, please drop us a line in support so we can assist.

        If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite WordPress.org support forum.

        Thanks! 🙂

    1. Hey Leslie- File Upload security depends upon the reputable web hosting. If you aren’t sure about what methods your web host uses to secure their servers, I would suggest asking them both about that and what they would do for you if your site were breached. Always best to know!

      Additionally, we add a unique hash to the end of the file (eg: my-logo-570543445db74.png) so that a malicious user couldn’t easily open up a bunch of files that have been uploaded to your site.

      Also, please know that we do not have a feature to upload the files to specific folders for each users.

      If you have any questions, please drop us a line in support so we can assist.

      If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite WordPress.org support forum.

      Thanks! 🙂

  8. Sounds great!
    But could you elaborate how to connect this form and image upload to a guestbook plugin? I’m looking for an option that lets visitors write af guestbook post with one or more pictures – preferrably displayed on my page as automatically as possible. However, for security/spam reasons I’d like to be able to accept/decline the guestbook posts/pictures.
    Suggestions on how to do this?

    1. Hey Seline-If the guestbook plugin has the ability to create custom post types (as most of the plugins do have this feature) then this can be achieved! You can make use of our Post submission addon and set up a custom post type there. With this, the image you upload can be used as the feature image for that custom post type.

      I hope this helps!

      If you have a WPForms license, you have access to our email support, so please submit a support ticket. Otherwise, we provide limited complimentary support in the WPForms Lite WordPress.org support forum.

      Thanks! 🙂

  9. I want users to be able to download my application for employment, complete it, and then upload it back to my website, and have it sent to my email/notify me. Is that something WP Forms can do?

    1. Hey Emily – We might need more details to provide the best possible solution for this. If your application form is in a downloadable format like pdf, users can download it via a link and then fill it. Once done, they should upload the filled pdf to a form created by WPForms using the file upload field.

      For further help with this, please submit a support ticket and our support team will be happy to help!

      Thanks 🙂

  10. Hi, is it possible to use the entry from the form to be used on another plugin, say WP Inventory Manager? I wanted a way to let my users add new items to the inventory backlog. So I take their input with this form and store/display what they enter using WP Inventory Manager.

    1. Hey Bryan- To achieve what you have mentioned would require some extensive customization. Please see our article with details about our data table structure.

      Basically, we store all form data in two tables within the native WordPress database. The field values for entries are stored in the entries table, and are encoded in a single JSON object for better storage.

      I hope this helps! 🙂

  11. Hi, can we make custom frame? user can upload their picture in to frame that we already prepare for it. just like photo booth.

    1. Hi Yohan! Our plugin only provides the tools for uploading pictures to your site, and do not have any features for displaying the uploaded images. I’m sorry we don’t have a solution for you on this, but if you have any further questions regarding WPForms, please don’t hesitate to contact us 🙂

  12. Hi, I want my users to be able to upload a description and an image to a page and only they can see this description and image. So they would be listening to tracks or watching videos and the description and photo they uploaded remains on the page when they are logged in, but only appears on the page for them. Thank You!

    1. Hey Julius- Currently, we do not have an inbuilt feature that shows entries/ images to logged-in users uploaded by them. I do agree it would be super helpful, though. I’ve made a note of the feature request and we’ll keep it on our radar as we plan out our roadmap for the future.

      In the meantime, if you’re willing to give some code a try we do have a code snippet that will allow you to display a table of all entries on the frontend of your site. In case you’d like to look into custom development options, we highly recommend using Codeable and form long term you can go for WPBuffs

      Thanks 🙂

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.

This form is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.