---
title: How To Make A WooCommerce Shop Page Using WooCommerce Templates From Templately?
description: "Build your WooCommerce shop page in Elementor without coding using the ready WooCommerce templates from Templately. Read this step-by-step documentation to learn more."
url: "https://docs.templately.com/home/how-to-make-a-woocommerce-shop-page-using-woocommerce-templates-from-templately/"
updated: "2026-10-27"
category: Configurations
tags:
  - Cloud Template
  - Elementor
  - Essential Addons for Elemnetor
  - Pages Template
  - Ready Made Template
  - Templately Pages Template
  - Templately Templates
  - WooCommerce
  - WooCommerce Templates
  - WordPress
  - WordPress Plugin
---

# How To Make A WooCommerce Shop Page Using WooCommerce Templates From Templately?

Design the page that lists all your products, the WooCommerce shop page. You build one **Product Archive** template with the Templately Theme Builder, and WooCommerce uses it for your shop. You do not need Elementor Pro for this.

**Before you start**

- **WooCommerce** is active and you have some products (**Products > Add New Product**).
- Elementor is active, and Templately is installed with you signed in. See [how to install Templately](https://docs.templately.com/home/install-templately-wordpress-plugin/).
- Want the whole store at once? A WooCommerce [template pack](https://docs.templately.com/home/insert-and-use-packs-templately/) sets up the shop page, product page, header and footer for you.

## Step 1: Create a Product Archive template

1. In your WordPress dashboard, go to **Templately > Theme Builder** **(1)**.
2. Click **Add New Template** **(2)**.
3. Keep **Elementor** selected and choose **Product Archive** as the template type **(3)**.
4. Give it a name you will recognize, for example **Shop Page** **(4)**.
5. Click **Create Template** **(5)**. The new template opens in Elementor.

![Templately Theme Builder Add New Template dialog with Product Archive selected](https://docs.templately.com/wp-content/uploads/2026/10/woo-shop-page-add-new-template-scaled.jpg)

## Step 2: Design the shop page

Build the layout with the **Product Archive** widgets in the Elements panel **(1)**: **Archive Title**, **Archive Products** (the product grid) and **Archive Description**. With Essential Addons active you also get **WooCommerce** widgets such as **Woo Product Grid**.

Prefer a ready design? Click the purple **Templately** icon in the drop area and insert a shop page design from the library. See [how to insert a premade template](https://docs.templately.com/home/insert-premade-template-elementor/).

![Shop page template in the Elementor editor with the Product Archive widgets highlighted](https://docs.templately.com/wp-content/uploads/2026/10/woo-shop-page-template-editor-scaled.jpg)

**Pro plugins are not installed for you**

Some WooCommerce designs in the library use widgets from **Essential Addons**. Templately installs the free version for you when a design needs it. If a design needs **Essential Addons Pro**, install it yourself first, or those parts will not show. If your plan includes it, download it from the **Subscription** page in Templately.

## Step 3: Show it on your shop page

1. Click the arrow next to **Publish** and choose **Condition (by Templately)**.
2. Set the condition to **Include > Archive > Product Archive** **(1)**.
3. Click **Save & Close** **(2)**, then click **Publish**.

![Templately display condition set to Include, Archive, Product Archive](https://docs.templately.com/wp-content/uploads/2026/10/woo-shop-page-display-condition-scaled.jpg)

**Check the result**

Open your shop page (by default **yoursite.com/shop**). It now uses your new layout. If you still see the old one, clear your site cache and reload.

## Related guides

- [Make a WooCommerce single product page](https://docs.templately.com/home/how-to-make-a-single-product-page-with-woocommerce-templates/)
- [Make the checkout and cart pages](https://docs.templately.com/home/how-to-create-a-woo-checkout-page-and-cart-page-in-elementor-with-templately/)
- [Use the Templately Theme Builder for posts and pages](https://docs.templately.com/home/single-post-page-in-templately/)

Still stuck? [Contact our support team](https://wpdeveloper.com/support/) and we will help you out.