WooCommerce Blocks are the easiest, most flexible way to display your products on posts and…
WooCommerce Blocks are the easiest, most flexible way to display your products on posts and pages!
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.
Show a list of all product reviews on a landing page, blog post or any other page in your site.
Help shoppers find your products by placing a search box in specific locations.
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.
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
wc.blockSettingsthat can be reliably used by extensions by enqueuing their script with the
wc-block-settingsas the handle. #903
<Label />so they can be shared between different blocks. #905
wc-pb/v3/*endpoints in favor of new core
catalog_visibilityparameter for fetching products
GridLayoutControlto manage row/column layout values
ProductAttributeControlto list only attribute types, then once selected, list terms in that attribute
attr_operatorsupport to products endpoint to compare product attribute terms
SearchListControlto allow selecting a single item
cat_operatorsupport to products endpoint
short_descriptionto each product