How to Add Product Gallery on WordPress Website? (Step by Step Guide)

How to Add Product Gallery on WordPress Website? (Step by Step Guide)
How to Add Product Gallery on WordPress Website? (Step by Step Guide)
TemplateMonster - Elementor WordPress Themes

If you are looking to showcase the products of your eCommerce website in a beautiful and responsive gallery then, you are at the right place. Here, in this tutorial, we will discuss a step by step guide for adding product gallery on your WooCommerce website using a free WordPress plugin – WP Product Gallery Lite. After the tutorial, you will be able to design your own product gallery to showcase all your eCommerce products in a visually appealing way.

So, let’s get started and add some beautiful product gallery on WordPress website:

Step 1:

WP Product Gallery Lite – Free WordPress Product Gallery Plugin

Download WP Product Gallery Lite for free from repository. Then, install it on your WordPress website. If you have any types of difficulties regarding the installation of the plugin then, you can check out its documentation or go through the article: How to install a new plugin in WordPress website?

Step 2:

After you have installed the plugin, activate it. Then, you can “WP Product Gallery” appear on the left menu of your admin dashboard. Click on it.

You will land on the “All WP Product Gallery” page. Here, you can see all the products galleries created on your website to date. You can edit them any time or add a new product gallery for your website. In order to add a new product gallery, click on “Add New” button.

All Product Gallery

Step 3:

You will land on the “Add New” page. It contains all the settings section to configure your product gallery. The settings include:

Post Settings:

Here, you can set the product type, taxonomy/category queries types, taxonomy/category and term for your product gallery. Also, you can set the orderby, order, and post status.

WP Product Gallery: Post Settings

Layout Settings:

Here, you can select the layout for your product gallery. The plugin provides you with 3 different layouts i.e. grid, list and carousel. Therefore, choose the best matching product gallery layout for your WordPress website. Also, for the grid layout, the plugin comes with 2 different templates i.e. Classic Template and Hover Box Shadow Template.

WP Product Gallery: Layout Settings

Note: To gain access to more templates and layouts, you can upgrade this plugin into its premium version: WP Product Gallery.

General Settings:

From here, you can enable/disable product title, product excerpt, post category/taxonomy, product link in title and product link in image for your product gallery.

WP Product Gallery: General Settings

Product Settings:

Here, you can turn on/off the display of the price on your product. Besides, you can enable the call to action button for your product gallery to make it more engaging to your audience.

WP Product Gallery: Product Settings

Social Share Settings:

From here, you can enable the social sharing of your gallery product on different social media network. You can enable/disable the social sharing of your products from any of the 7 supported social media networks as per your preference.

WP Product Gallery: Social Share Settings

Step 4:

After you have configured all the options, click on “Publish Button” to set your product gallery live. Likewise, you can also view the preview of your product gallery by clicking on “Preview button”.

WP Product Gallery: Publish

Step 5:

Then, go to “WP Product Gallery Usage” and copy the given shortcode.

WP Product Gallery Usage

Then, paste it on any page, post or custom post types to display your product gallery.

Shortcode Usage

Wrapping Up

This way, you can create a product gallery in a few minutes. Showcasing your WooCommerce product in a beautiful gallery can be beneficial in different ways. It not only allows you to display your products in a visually appealing way. But also increases the overall engagement rate and conversion of your website. So, if you want to add product gallery on WordPress website then, you can use the above-mentioned plugin for free and follow this step by step guide.

You can also check out the collection of:

You can also check out the collection of:

Frequently Asked Questions

Elegant WordPress Themes


Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.