How to Add Product Images and Galleries in WooCommerce

It’s easy to add images for your WooCommerce products. With the WooCommerce tools, you can add either one image of your product (single image) or multiple images that a user can cycle through (product gallery images).

Are you with an optimized WordPress host? If not, what are you doing? Our optimized WordPress Hosting for WooCommerce gives you the secret sauce for blazing fast WordPress and security.

This gives you a lot of control over how your images will represent a product. All you have to do is take some nice pictures and add them to your product. Just follow along with the steps below to find out how to do it.

How to Add a Product Image

Adding a single product image is easy. Follow these steps:

  1. Log into your WordPress Dashboard
  2. Create or edit your product
  3. Click the Set product image button in the Product image metabox (either to the right side or below the product editor depending on your screen size)
  4. Select your image
  5. Click the Set product image button

That’s it! This image will now be added to the product page.

How to Add a Product Image Gallery

Some customers may expect to see more than one picture. For example, they might want to see the product from multiple angles. You can easily accomplish this by adding a product image gallery.

  1. Log into your WordPress Dashboard
  2. Create or edit your product
  3. Click the Add product gallery images button in the Product gallery metabox (either to the right side or below the product editor depending on your screen size)
  4. Select your images
  5. Click the Add to gallery button

Now your customers will be able to cycle through a gallery of images for your products.

Are Your Product Images Blurry?

When a customer clicks the magnify icon, they will be able to see a higher resolution version of your image. This means you should initially upload a high resolution image.

How do you know if you have a high resolution image? The image should be large enough to display properly in a resolution over a thousand pixels high.

However, you’ll also want to make sure that the larger image has been optimized for the web.

Now, when your customer click on an image it won’t look blurry on their monitor.

Adding Product Images Is Easy

Well done! You now know how to add single product images and product image galleries to your WooCommerce products!

CM
Christopher Maiorana Content Marketing Writer

Christopher Maiorana joined the InMotion community team in 2015 and regularly dispenses tips and tricks in the Support Center, Community Q&A, and the InMotion Hosting Blog.

More Articles by Christopher

Was this article helpful? Let us know!