WooCommerce Blocks的作者是Automattic,目前有200,000+个有效安装。已经Tested with 5.4.1版本的wordpress。

WooCommerce Blocks are the easiest, most flexible way to display your products on posts and pages!

Note: Feature plugin for WooCommerce + Gutenberg. This plugin serves as a space to iterate and explore new Blocks and updates to existing blocks for WooCommerce, and how WooCommerce might work with the block editor.

Use this plugin if you want access to the bleeding edge of available blocks for WooCommerce. However, stable blocks are bundled into WooCommerce, and can be added from the “WooCommerce” section in the block inserter.

Featured Product Block
Select and display a single product in a new, high impact fashion. Control text alignment, hide or show the price and description, add a color overlay, change the button call to action, and override the product photo.

Featured Category Block
Visually highlight a product category to increase traffic to that specific section on your shop.

Hand-Picked products Block
Display a grid of hand picked products. Products can be ordered in various ways.

Best Selling Products Block
Display a grid of your best selling products, filterable by category.

Top Rated Products Block
Display a grid of your top rated products, filterable by category.

Newest Products Block
Display a grid of your newest products, filterable by category.

On Sale Products Block
Display a grid of on sale products, filterable by category.

Products by Category Block
Display a grid of products from your selected category, or categories. Products can be ordered in various ways.

Products by Tag Block
Show a grid of products based on a specific tag that allows you to highlight products based on finer classification options.

Products by Attribute Block
Display a grid of products from your selected attributes.

Product Categories List Block
Display all your product categories as a list or dropdown and help shoppers to find a specific category.

Reviews by Product
Display reviews of a specific product to build trust in your product and brand.

Reviews by Category
Highlight reviews from specific categories and help merchants making an informed purchasing decision.

All Reviews
Show a list of all product reviews on a landing page, blog post or any other page in your site.

Product Search
Help shoppers find your products by placing a search box in specific locations.

All Products
Display all products from your store as a grid with pagination and sorting options. Requires WordPress 5.3.

Filter Products by Price
Display a slider to filter products in your store by price. Works in combination with the All Products block. Requires WordPress 5.3.

Filter Products by Attribute
Display a list of filters based on a chosen product attribute. Works in combination with the All Products block. Requires WordPress 5.3.

Active Product Filters
Display a list of active product filters. Works in combination with the Filter Products by Price and Filter Products by Attribute blocks. Requires WordPress 5.3.

We’ve also improved the category selection filter. If you select two or more categories, you can now chose to show products that include ANY or ALL selected categories.

WordPress 5.0
WooCommerce 3.7 or greater
PHP version 5.6 or greater (PHP 7.2 or greater is recommended)
MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Visit the WooCommerce server requirements documentation for a detailed list of server requirements.


Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser. To do an automatic install of this plugin, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.

In the search field type “WooCommerce Gutenberg Products Block” and click Search Plugins. Once you’ve found this plugin you can view details about it such as the point release, rating and description. Most importantly of course, you can install it by simply clicking “Install Now”.


The manual installation method involves downloading the plugin and uploading it to your webserver via your favourite FTP application. The WordPress codex contains instructions on how to do this here.


WooCommerce comes with some sample data you can use to populate the products and get started building Products blocks quickly and easily. You can use the core CSV importer or our CSV Import Suite plugin to import sample_products.csv.


Bugs should be reported in the WooCommerce Gutenberg Products Block GitHub repository.


Yes you can! Join in on our GitHub repository

Release and roadmap notes available on the WooCommerce Developers Blog