How to Create a WooCommerce Product Image Gallery (Step by Step)

Spread the love

Do you want to create WooCommerce product galleries to add to blog posts or pages?

WooCommerce product galleries are an easy way to display your products outside your shop pages. It helps attract more customers and boosts conversions.

This article will show you how to create a WooCommerce product image gallery (step by step).

how to create a WooCommerce product image gallery

WooCommerce is the most popular  eCommerce plugin in the market. It allows you to sell products by creating an online store.

Most  themes for WooCommerce come with default templates for shop and shop category pages. These pages simply list your products using the theme’s style.

What if you wanted to create a product gallery and display it inside a blog post or another page on your site? By displaying your products in your popular blog posts and pages, you can increase your sales and conversions.

Let’s take a look at how to easily create WooCommerce product image galleries with Envira Gallery.

Creating WooCommerce Product Galleries with Envira

The best way to create a WooCommerce product gallery in is by using Envira Gallery. It is the best photo gallery plugin and makes it very easy to show products anywhere on your site.

The first thing you need to do is to install and activate the Envira Gallery plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, you need to go to the Envira Gallery » Settings page to enter your license key. You can find this information under your account on the Envira Gallery website.

Enter Envira license key

Once the license key is verified, you can go to Envira Gallery » Addons to install and activate the ‘Featured ’ addon.

This addon will allow you to display your WooCommerce products in the Envira galleries. Go ahead and click the ‘Install’ button under the Featured Content Addon.

Install featured content addon

Next, you need to go to the Envira Gallery » Add New page to create your new product gallery.

From here, you can start by adding a title for the new gallery.

Add a title for your product gallery

After the title, you need to switch to the ‘External Gallery’ tab and click the ‘Featured Content’ option.

Next, scroll down to the ‘Images’ tab. In the ‘Select Your Post Type(s)’ field, you need to select the ‘Product’ option, which is the custom post type for WooCommerce products.

Select product as the post type

If you have hundreds of products, then you may want to create multiple galleries.

You can narrow down the gallery listings by selecting taxonomy terms for specific product tags or categories.

Select product categories

Simply repeat this process with different product tags and categories each time you create a new product gallery. The post type will always be ‘Product’ in all your WooCommerce product galleries.

You can also choose a taxonomy term related to selecting and displaying specific products in your galleries.

Choose a taxonomy term relation

For more details, you should check out our guide on how to create an image gallery in WordPress.

Once you are done, you can publish your product gallery which will make it available to be added anywhere on your WordPress site.

Publish your product gallery

Adding WooCommerce Product Gallery in WordPress

Next, you can add a new post or page or edit an existing one to display your WooCommerce product gallery.

Once you’re in the content editor, simply click the ‘+’ button and add the Envira Gallery block.

Add Envira gallery block

After that, you can select your product image gallery in the Envira Gallery block.

Simply click the dropdown menu and choose the gallery you created earlier.

Select your product gallery from the dropdown menu

You’ll now see a preview of your gallery in the block editor. If it doesn’t load, then don’t worry, you can simply preview your blog post or page to see if it’s working properly.

Next, you can save and publish your post. After that, visit your website to see the product gallery in action.

Product image gallery preview

We hope this article helped you learn how to create a WooCommerce product image gallery. You may also want to check out our guide on how to easily make a small business website and how to choose the best design software.

 

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Instagram and Facebook.

LEARN FREE WordPress wite Wehavedigitaltool


Spread the love

Leave a Comment

Verified by MonsterInsights