How to Create a Product Archive Page with WooBuilder?

PowerPack has released WooBuilder – A flexible and an easy way to build your online WooCommerce store with PowerPack and Elementor. We have also added a wide range of Woo Widgets in WooBuilder that you can use to create a product archive page.

In this doc, we will focus on designing a Product Archive Page with WooBuilder.

Required Plugins: Elementor, WooCommerce, & PowerPack Add-ons For Elementor.

Go to Templates#

Go to Dashboard >> Templates >> Saved Templates.

Create a New Layout#

1. Click on Add New.
2. Now, choose the Template type as “Page” and give a name to the Template.
3. Create Template

Edit the Layout#

1. After creating the template, either choose the “Canvas” layout or keep the “Default” one as per your wish.
2. Publish the Page.

Enable WooBuilder#

1. Head over to WordPress Dashboard and go to Elementor >> PowerPack.
2. Click on WooCommerce Builder and toggle on it to enable the WooBuilder.

Choose Product Archive Page Template#

1. After activating WooBuilder, you’ll get an option to choose the Product Archive Page Template.
2. Choose the template which we recently created.
3. Save Changes.

Edit the Product Archive Page Template#

1. After choosing a Product Archive Page template, you’ll see an Edit option just below it (as shown in the above screenshot).
2. Click on it.
3. Now, edit the Product Archive Page Template using Woo Widgets.
4. You’ll see a whole new pack of “PowerPack – WooCommerce” widgets in Elementor Editor that you can use to design the Product Archive Page of your site.

Update the Page#

1. Use the PowerPack – Woocommerce Widgets to create the design of the Product Archive page.
2. Click publish to update the page.