FLASH SALE Get 20% OFF everything using the coupon code: FLASH20 View Pricing Plans →

Knowledge Base

Documentation

Theme Documentation



Plugin Documentation



Resources

Inspiro – How to Edit the WooCommerce Shop Page Using Elementor

This article refers to Inspiro Premium

After installing the Inspiro Premium theme along with a WooCommerce-compatible starter site and the WooCommerce plugin, several essential store pages such as Shop, Cart, and Checkout will be automatically created.

Since the default WooCommerce pages have a fixed layout, there is no way to edit them using Elementor, so it’s necessary to create a new page following the instructions below.

Everything works fine until the moment you want to make some changes to these pages and realize there is no option to do it, or there are no available settings in the Customizer.

WooCommerce Customization Options in the Customizer

Create Your Shop Page Using Elementor and Elementor Addons by WPZOOM

Using Elementor and our free Elementor Addons plugin, you can easily create a Shop page with WooCommerce products and customize it as you want.

1. Start by creating a new page from Pages > Add New Page:

Pages > Add New Page

2. Assign a dedicated page template, then click the Edit with Elementor button:

Assuming that the Elementor Addons by WPZOOM plugin is installed, you will see a widget called Woo Products in the WPZOOM category:

After adding the widget to the page, you can adjust its settings as you want: choose the number of products shown per page, customize details like the “Add to Cart” button, etc.

Now that you have managed to display your WooCommerce products using Elementor, you can build any type of Shop page you want.

For example, you can organize your products in separate categories:

Last updated on April 9, 2025