How to Add Woo Product Grid in WordPress (Step-by-Step Guide)

Install Unlimited Elements Blocks Library

• Go to the Unlimited Elements plugin page on WordPress.org.

• Click Download, then in your WordPress dashboard, go to Plugins → Add New → Upload Plugin and upload the ZIP file.

• Click Install Now and then Activate to enable the plugin.

Open the Blocks Library

• From your WordPress dashboard, go to Unlimited Elements → Blocks Library.

• This is where all available blocks are listed and managed.

Search for the Woo Product Grid Block

• Use the search bar at the top right and type “Woo Product Grid”.

• The Woo Product Grid block will appear in the results list.

Install the Woo Product Grid Block

• Hover over the Woo Product Grid block and click Install.

• This adds the block to your available options in the editor.

Add Woo Product Grid to a WordPress Page

• Open any page or post using the WordPress block editor.

• Click the (+) Add Block button, search for “Woo Product Grid”, and insert it into the page.

Customize the Woo Product Grid Block

Once added, select the Woo Product Grid block and use the settings panel on the right. Adjust the Product Source and Advanced Filters to connect your products, choose the number of Columns and Gap size, and control the visibility of the Product Image, Price, and Add to Cart Button. Customize the Styling for the Product Item Container, Typography, and Sale Badge to create a functional, visually appealing product showcase that fits your site’s design.