allow users to upload images

H ave you ever wanted to allow users to upload images to your blog?

You’re in the right place! In this article, I’ll show you how to allow WordPress users to upload images on your site.

Because letting users submit their own photos to your WordPress website is a great addition to your blogging strategy. And this can help increase traffic, engagement, and website contributors.

Plus, it’s easy to do!

So let’s do it!

Key Takeaways On Letting WordPress Users Upload Images To Your Site

  • Install and activate the WPForms plugin to easily create a WordPress image upload form with its drag-and-drop builder.
  • Customize the form fields, like allowed file types, max file size, and number of uploads per user.
  • Style the form with modern or classic designs, hide labels, and store uploads in your WordPress media library.
  • Configure general settings like form name, submit button text, anti-spam protection, and confirmation messages.
  • Publish the image upload form on any WordPress page or post with a simple widget.
  • Moderate and manage user-submitted images conveniently from the WPForms entries area.

Why Allow Users to Upload Images to the Front End of Your WordPress Site?

Allowing users to upload images on your WordPress site means you don’t have to do it yourself. So you’ll have extra time to work on other to-dos, like your blogging checklist.

But why would a user want to submit their own images?

There are a few reasons why someone would want to upload an image to your site. When you let users upload photos, they can: 

Upload a Profile Picture 

Your blog is full of anonymous users… unless you have a profile picture option! 

A profile photo is a great way to strengthen your online community—users can identify others and express themselves. 

Some websites that do well with including these featured images are: 

  • Membership sites
  • Submission sites
  • Forums

Medium, for example, is a membership and submission blog. All members can submit their own articles through Medium. Plus, they can like and share other members’ posts. 

At the bottom of every Medium article is the author’s name and profile picture: 

An example of a profile photo. This is a great way to allow users to upload images.

So whenever Danny Forest submits an article, other Medium members can identify who he is and give him a follow. Sure, you can always talk with online users without a profile photo, but it’s nice to know who you’re interacting with (check out how to add and edit WordPress user profiles). 

Submit Images to a Gallery 

You may have noticed how some websites allow users to upload images to a gallery. Imgur is a good example.  

An example of submitting images to a photo gallery imgur

Imgur is an image sharing and hosting site. Online users can submit photos of all types to their site for comments, shares, and likes. 

As you can tell, Imgur gets a ton of engagement and contributors. And even if you don’t own a site like Imgur, there are other types of blogs that would find a photo gallery useful, like: 

Or you could run a photo giveaway campaign! For example, you could create a photo contest in WordPress right on your site, and whoever submits the best photo will win a prize.

Not to mention, it’s easy to create a user-submitted gallery on WordPress. You can check out our quick tutorial on how to create an image gallery on WordPress if you’re interested.

Personalize Testimonials 

If you own an online store, then you know how important testimonials are. Written testimonials are great, but testimonials with images are even better! It makes it easy for potential buyers to visualize your product. 

Let’s take a look at 100% Pure. This makeup brand lets users upload images along with their reviews. 

An example of testimonials with images

So if a customer is happy with their lipstick, they can upload a photo of themselves wearing it. Take a look at this happy customer below: 

Another example of a testimonial with uploaded images

See how her image is positive and shows off their lipstick? Another user might think… she looks great with this lipstick color, I want to try it out, too. 

A testimonial with a photo also shows that your product works. When a new buyer sees your product in use, they’ll have an easier time trusting your business.

So whether you already sell products or want to start an online store, testimonials with photos can boost sales and build trust with your customers. 

As you can see, allowing users to upload an image to your WordPress blog is a great way to: 

  • Jumpstart your membership site or submission blog
  • Build an online community
  • Give your product reviews a boost

So now you might be wondering, how do to allow users to upload images to your WordPress website? 

Keep reading to find out!

How to Allow Users to Upload Images With a WordPress Plugin 

An image upload form is the best way to allow users to upload images to the front end of your site.

An image upload form is an online form that asks for the user’s name, email, and images to upload to your site. The easiest way to create one is with WPForms

Let's take a look at the important features of WPForms WordPress contact form plugin:
  • Easy drag and drop form builder
  • Customizable form fields
  • Ready-made form templates
  • Integrates with popular email marketing services
  • Prevents spam through its anti-spam feature
  • Looks great on the frontend
Get WPForms Lite Today »

WPForms is a WordPress form builder plugin. Their drag-and-drop tool makes it easy to create any kind of online form, like: 

  • Image upload forms
  • Survey forms
  • Contact forms
  • Newsletter forms
  • Registration forms
  • Payment forms

…and more! 

So what else makes WPForms the best plugin for uploading images? 

Well while it’s certainly not strictly an image upload plugin, they do have an image upload form template that makes it even easier for users to upload images. All of their forms are responsive—in other words, they look great on mobile and load fast. 

Plus, WPForms is secure. You don’t have to give users any login information when they upload a photo. Everything they need is on the image upload form. 

And best of all, you don’t need to know any code to use WPForms!

With all of these features, it’s no surprise why WPForms is the best WordPress forms plugin on the market with over 6 million users.

Before getting started, you’ll have to download, install, and activate WPForms.

You can check out our guide on how to install a WordPress plugin if needed. 

All set? Great, let’s get started!

If you’d prefer a video walkthrough to go along with this guide – WPForms created a great one here:

1. Create an Image Upload Form 

In this tutorial, I’m going to use WPForms’ file upload form template. So first I’ll activate their template pack to WordPress.

At your WordPress dashboard, head to WPForms » Addons

Click on WPForms then Addons to install an image upload form template

On the Addons page, you should see a search bar at the top right—type in Form templates pack.  

Search for forms template pack to find the image upload form

When you click Install Addon, it’ll change the template’s status to active. 

Form templates pack addon

Now that the right template is activated, we can create your image upload form. Head to WPForms » Add New. 

Add new form at WPForms to create an image upload form

WPForms will direct you to their templates page.

wpforms templates

As their file upload form is part of the addon we activated earlier, you’ll have to scroll down to Additional Templates. Then you can search for File Upload Form.

Type in File Upload form to find the right WPForms template

Now you can click on the File Upload Form to see your template. 

What the image upload form will look like

See how the form is ready to go? This is the best part about using their templates! Now, we can skip a bunch of steps and head straight to the customization settings. 

2. Customize Your Image Upload Form 

The first thing we’re going to do with your image upload form is customize it. To get started, click on the File Upload field box. 

Click on the file upload box to edit the image file form settings

A list of field options should pop up on the left. 

Go ahead and enter the name and describe what your form is about of your form under Label and Description.

If you’d like, you can fill out the rest of the fields. Here’s what they all mean: 

Allowed File Extensions – Images have different file formats, like JPEG and PNG. So here you can decide which file formats you’ll want to accept on your blog.

If you’re not sure what each file format means, you can check out our post about optimizing images.

Maximum File Size – Not only do images have a file format, but they also have a file size. The file size depends on the image file format. For example, PNG images have a larger file size than JPEG images. 

For good image SEO, I recommend filling out this option because large file sizes can slow down your blog.

Max File Number – In other words, how many images can a user upload at once? 

Required – If you look at the file upload form, you’ll notice a red asterisk (*) attached to the name and email. 

An example of an asterick

This means that a user has to enter their name and email in the form or else it won’t submit. So if you check the box next to Required, users will have to upload an image. 

Once you’ve filled out these settings, hit Advanced Options at the bottom. 

Advanced options of the image file form

You don’t have to fill out the advanced options, but it’s nice to personalize your form. And it’s easy to do. With that, we’ll start with Style

In style, you can either have a modern style or classic style. The classic style is simple—users can only upload one image file. And the drag and drop upload form will be replaced by a traditional file upload form.

A traditional file upload form

The modern style, on the other hand, allows users to upload multiple images. Plus, they can upload or drag photos to your form. I recommend using the modern style because of its user-friendly features. 

Next is Hide Label. You’ll notice how the file upload box is named, File Upload

Showing the file upload label on top of the upload box

When you check the box next to the hide label, this will be removed. 

The next option, Store files in WordPress Media Library, means the form will automatically store every uploaded photo to your WordPress media library. This is a good option if you want to keep track of your uploaded images. 

And CSS Classes is a setting for developers, so you can leave this one blank. 

All done! Now we can head to your file form’s general settings. 

3. Change the Image Upload Form General Settings 

The settings we configured in the last step were all about your image file box. The general settings, on the other hand, are about your entire image upload form. 

You can find the general Settings in the left-hand toolbar.

The general settings of the image upload form

To start, go ahead and change your Form name and Form description

The general settings of the image upload form.

Next is Submit Button Text. If you don’t want your form button to say “Submit,” you can change it to something else, like:

  • Launch
  • Share
  • Apply
  • Send
  • Get started

Now you might be wondering what Submit Button Processing Text is. If a user clicks on your submit button, another button will appear and say, “Sending.” This tells the user that their submission is processing. 

If you don’t want your processing text to say “sending” then you can change it to something else, like “submitting,” or “sharing.”

And last are your spam settings

The spam settings for allowing users to upload images

You’ll notice how Enable anti-spam honeypot is automatically selected for you…but what does this mean? 

Think back to the last time you filled out an online form. You were probably asked to confirm that you’re not a robot, right?

I am not a robot reCaptcha form

This reCAPTCHA setting avoids spam, but it’s not user-friendly. What if there was a way to avoid spam without a visible reCAPTCHA form? 

With anti-spam honeypot, there is! Anti-spam honeypot adds an invisible anti-spam setting to your forms. This way, you won’t bother your site visitors with an extra task, and your file upload form will still avoid bots. 

And your image file upload settings are ready to go…on to the confirmation page! 

4. Personalize Your Confirmation Page 

Your forms confirmation page tells website visitors when their images have been submitted. You can click on Confirmations to get started. 

Click on confirmations to edit your image upload form confirmation page

You’ll notice how WPForms set up a default confirmation message for you. If you want to change this, click on Confirmation type

Confirmation types include message, show page and go to URL (redirect)

Let’s go over each confirmation type. The first one is Message, which will load a quick confirmation message when a user submits their images. 

Show page, on the other hand, will direct users to another blog page. This is a great opportunity to promote a landing page or other blog posts.  

And lastly, you can redirect users to a URL. This might be useful if you want to redirect users to another domain. 

To keep it simple, I’ll use the message option in this tutorial. Let’s take a look at the message box. 

The standard confirmation box in WPForms.

Hmm… this confirmation message is good, but it’s nothing special. So you’ll probably want to add a call to action to spice things up!

For example, you could link users to your products page, content, or services. Take a look at our example below.

What an optimized confirmation message looks like after a user uploads images

Once you’re done, hit Save at the top right corner. Then click the X to exit out of image upload form settings. 

Save changes and exit out of the image upload form settings

And you’re ready to publish! 

5. Publish Your Image Upload Form to WordPress 

Publishing your image upload form is easy. On your dashboard, click on Page » Add New

To publish the image upload form, click Pages then Add new

On your page, hit the (+) sign and then search for the widget, WPForms. 

Click on the widget WPForms to load the form

When you click on WPForms’ widget, a list of forms will appear. Go ahead and select your image upload form. 

Choose the right image upload form on the wordpress page

Now you can view your form on the page. 

What your image upload form will look like on a WordPress page

I recommend previewing your form before publishing it. You can find the Preview button at the top-right of your page. 

Click on preview to see what your image form will look like

Looking good? Great! Now you can hit Publish, and you’re all done. 

6. View Uploaded Images 

Once website visitors begin filling out your form, you might want to moderate what images are being uploaded. Luckily, WPForms will store every uploaded image a visitor submits.

To view the files, head to WPForms » Entries

Click on entries in WPForms to view your uploaded images

On the Entries page, scroll down to Form Names and click on your image upload form. 

Click on the right WPForm to view uploaded images

Now you can view a list of every user who filled out your form. If you want to see their photo, click on View.

WPForms entry page, you can view a list of uploaded images

From here you can click on the image file to view or download it.

You can view each image that a user uploads on your wordpress site

And that’s it! 

Users can now upload images to your blog. Your website visitors will love this new feature. Plus, now you don’t have to upload all these images on your own!

Some other guides you might want to check out are how to display an Instagram hashtag feed on WordPress and easy ways to engage readers on your blog

And if you want even more helpful tips and tricks, subscribe to our newsletter!

1 Comments

Join in. The comments are closed after 30 days.

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 site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Hi.
    I am unable to see how USERS and READERS can see the images that they or someone else uploaded? Can the images be displayed in a gallery? Will that require another plugin?
    Thanks.
    Daniel.

BlogTyrant on Tablet and Mobile
Free Ebook Guide
Ultimate Blogging Toolkit + Bonuses

Join our 30,000+ email subscribers for blog updates and get instant access to a 10,000-word guide on how to start a blog and build a sustainable business using keyword research, Google traffic, and a lot of tested strategies. Let us help you build a blog to support your family's income and help the community while you're at it!