Adding images and gallery images to WooCommerce products

Dan Pock
Tutorials

When you build your eCommerce site one of the first things you’ll do is create products. No good web store is complete without having good product images with each item you sell. A good product image can help consumers imagine the item in person and may help lead to more sales. Having a gallery for the product is even better!

You can easily add product images and gallery images either as part of creating the product, or when you edit an existing product. This means that it’s also easy to change your images for an existing product, should it need an update.

Product Images in WooCommerce

From your wp-admin dashboard, you’re going to hover over Product in the left side menu, and either choose Add New, or All Products. If you’re modifying a current product find the item on the All Products page and open it up for editing.

When creating a new product, you can set your main product image and add gallery images as shown below, as part of adding the product. You can also come back to a product to complete the setup, or to change it, and add images in the same way.

Set main product image

You will see Product image and Product gallery sections when you create or edit a product. To add a product image, click on the Set product image link. Clicking this link will open up the WordPress media selector. From here you can either select an already uploaded image, or upload a new one.

WordPress media selector

Once you’ve selected, or uploaded, the image you’d like to use hit the Set product image button on the dialog to continue. From there you should now see the image selected in the Product Image box.

Product Image box

Once your new product image is uploaded you can hit publish, or save draft, to commit the changes!

Product image galleries in WooCommerce

So we’ve covered how the main Product Image works, but what about the Product gallery? Good news, it’s actually the exact same process, pretty much. If you have product images that show different angles, product features, or variations – use these here!

So to add a Product gallery we’ll work from the same product used above. To add a Product gallery, click on the Set product image link. This will open the same type of WordPress media selector box, you can either pick images already uploaded or add new ones.

WordPress media selector box

If you need to change the order of images in the product gallery, you can easily do so by dragging them into the order you prefer. Removing images is a breeze too, simply hover over the image and click the ‘x’ button that shows up. Once you’ve got your Product Gallery setup, be sure to click on the update button to save the changes.

When you’re hosting WooCommerce, trust Liquid Web

Liquid Web was one of the first full-featured managed WooCommerce hosting platforms on the market, and we’ve never stopped innovating. Get started with our specialized WooCommerce hosting today and take a look at our full suite of WordPress hosting options.

Related articles

Wait! Get exclusive hosting insights

Subscribe to our newsletter and stay ahead of the competition with expert advice from our hosting pros.

Loading form…