Add WooCommerce Product List

Step 1: Open Elementor Editor

• Go to your WordPress dashboard.
• Navigate to the page where you want to display the WooCommerce product list.
• Click Edit with Elementor to open the editor.

Step 2: Search for the Product Widgets

• In the Elementor panel, search for WooCommerce Products widget or Product Grid.
• Drag and drop the Products widget into your page.

Step 3: Customize the Product List

• In the widget settings panel, you can choose the product Layout (grid or carousel).
• Adjust the Query settings to filter products by categories, tags, or sale items.
• Set the Columns, Number of Products to display, and Order By (date, price, etc.).

Step 4: Style the Product List

• Click the Style tab to customize product elements like Image, Title, Price, and Button.
• Adjust spacing, fonts, and colors to match your website’s design.

Step 5: Save Changes

• Once you’re satisfied with the setup, click Update to save the changes.

You’ve now added a WooCommerce product list to your Elementor page!