Build WooCommerce pages with Elementor

Widgets for WooCommerce Products on Elementor Pro is a paid collection of Elementor widgets for displaying WooCommerce products and categories and editing store pages. Its Pro capabilities cover shop, archive, single product, cart, checkout, thank-you, and My Account pages, with 36+ widgets listed for these areas.

Choose a product or category show

Products List adds product listings, Products Grid displays products in a grid, and Categories Grid shows WooCommerce product categories. A product widget can also display archive products. Once you add a widget in Elementor, configure its columns, query type, and order. Product type filters are available, while style options control item presentation, thumbnails and effects, excerpts, and price blocks.

Prepare your WooCommerce catalog

The widgets need several WooCommerce products with prices and thumbnail pictures. For category displays, assign products to several product categories.

Install and configure

1. Install the paid Pro edition on your WordPress site.
2. Prepare products with prices, thumbnail images, and product categories.
3. Open the relevant page or template in Elementor.
4. Drag the required WooCommerce widget into the layout.
5. Set columns, query type, order, filters, and styling settings.

The setup note requires Elementor 3.0, citing code updates made for changes in Elementor.