---
title: "How to Create a WooCommerce Product Archive Page in Elementor?"
url: https://theplusaddons.com/docs/create-a-woocommerce-product-archive-page-in-elementor/
date: 2023-08-08
modified: 2026-06-29
lang: en
author: "Aditya Sharma"
description: "Do you want to create a custom WooCommerce product archive page that displays products from specific categories and tags? A product archive page helps visitors find all products in a..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Create-a-WooCommerce-Product-Archive-Page-in-Elementor_-1024x536.jpg
word_count: 408
---

# How to Create a WooCommerce Product Archive Page in Elementor?

## 

- Utilizes the Product Listing widget from The Plus Addons for Elementor to display archive products on a custom product archive page.
- Requires installation and activation of The Plus Addons for Elementor to access the Product Listing widget features.
- Employs either Nexter Builder or Elementor Pro to create the product archive template and customize styles and layouts.

Do you want to create a custom WooCommerce product archive page that displays products from specific categories and tags? A product archive page helps visitors find all products in a category or tag at once, making it easier to browse and compare relevant items.

With the Product Listing widget from [The Plus Addons for Elementor](https://theplusaddons.com/), you can display archive product listings on a custom product archive page without writing any code.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

**Best Used For:**

- WooCommerce stores that use category and tag archive pages to organize products for shoppers- Online shops with large product catalogs where visitors need to browse by department or product type- Membership sites and marketplaces that need a custom-designed archive layout separate from the default WooCommerce template

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To create the product archive template, you can use the free [Nexter Builder](https://nexterwp.com/docs/nexter-theme-builder-explained/) or Elementor Pro if you already use it.

Once you have created the archive template and added products to your WooCommerce store, follow the steps below.

1. Add the **Product Listing** widget to the template.

2. From the **Product Listing Types** dropdown, select **Archive Page**. This tells the widget to pull products from whichever category or tag archive the visitor is viewing, so each archive URL shows the correct set of products automatically.

![Product Listing widget Archive Page type setting in The Plus Addons for Elementor](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-archive-page-new.png)

3. From the **Style** and **Layout** dropdowns, select the design and arrangement that fits your store. Use a grid layout when your products have strong visual images, and switch to a list layout when product descriptions need more space on the page.

Your product archive pages will now display the correct product listing for each category and tag. You can explore the remaining settings in the widget’s **Content** and **Style** tabs to refine the display further.

For stores with a large catalog, [creating a WooCommerce product category filter in Elementor](https://theplusaddons.com/docs/create-woocommerce-product-category-filter-in-elementor/) helps visitors narrow down results on the archive page.

To let shoppers preview items without leaving the archive, you can also [add a quick view button on WooCommerce products in Elementor](https://theplusaddons.com/docs/add-quick-view-button-on-woocommerce-products-in-elementor/) so visitors see product details in a popup overlay.

> *Note: Make sure to use other *[*archive related widgets*](https://theplusaddons.com/elementor-builder/woocommerce-builder/)* to ensure that your content is displayed correctly.*

Also, check [How to Show Star Rating in WooCommerce Product in Elementor](https://theplusaddons.com/docs/show-star-rating-in-woocommerce-product-in-elementor/).