ShopEngine Archive Widgets, including Category, Archive Title, Archive Count, Archive Products, and Product Filters etc., let you design a custom Shop/Archive template and fully control your WooCommerce product archive layout.
To create an archive page, you build a custom WooCommerce shop/archive layout using ShopEngine templates and widgets, customize it accordingly, and publish.
Quick Steps:
✅ Step 1: Create Template
– Go to ShopEngine → Templates → Add New
– Select Archive (Shop Page) as template type
– Name it and create
✅ Step 2: Choose Layout
– Select a structure (columns/grid layout)
– Open editor (Elementor or Gutenberg)
✅ Step 3: Design Archive Page
– Drag & drop archive widgets: Category, Archive Title, Archive Count, Archive Products
✅ Step 4: Publish & Set Conditions
– Set display rules (entire shop or specific categories) and click Publish.
Example: The goal is to create a custom product category archive page.
– Create template → choose Archive
– Use Elementor → add Archive Products + Category widgets
– Set layout to 3-column grid
– Apply display condition → “Only Shoes Category”
Takeaway: An archive page template is a reusable layout that controls how groups of products (or posts) are displayed. The right plugin gives you full design control to build and design the archive template.
Watch the video guide:
For detailed guidance, follow the steps below:
How to Create a WooCommerce Archive Page with ShopEngine #
Just follow the step-by-step process to create & beautify your Archive page with ShopEngine, an WooCommerce archive page builder:
STEP 1: Create a WooCommerce Product Archive Page Template #
- Navigate to ShopEngine-> Templates from your WordPress dashboard.
- Click on the Add New button to create an Archive page template.
After that, an off-canvas window will show up for template settings. In the Template Settings:
- Enter a Template Name.
- Set the template Type: Archive.
- Select an Applicable Category for products. (Optional. However, if you choose a category, you have to create another template for general products as well as products of other categories).
- Enable Set Default to set the template as Default.
- Select a design from the available templates or create a design on your own using single product page widgets. We will show the template created from scratch.
- Now Click on Edit with Elementor or Save changes.
STEP 2: Choose a Structure #
- Choose your structure from the selected area.
STEP 3: Design your WooCommerce Archive page with ShopEngine Archive Widgets #
Go to a ShopEngine Block to design your own. Here you will get some specified ShopEngine Archive Widgets, including Category, Archive Title, Archive Count, Archive Products, etc. Let’s see how to customize them:
Now just drag the following widgets and drop them on the selected area.
- Category
- Archive Title
- Archive Count
- Archive Products
STEP 4: Publish your Archive Page #
- After you’ve finished designing, click Update.
Now view the Archive Page from the front end. There, you can see the Archive page you have designed and check every functionality of the page is working perfectly.
