WooCommerce Blocks


WooCommerce Blocks es la forma más fácil y flexible para ¡mostrar tus productos en páginas y entradas!

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.

Bloque de productos elegidos manualmente
Muestra una cuadrícula de productos seleccionados a mano. Los productos se pueden ordenar de varias formas.

Bloque de productos más vendidos
Muestra una cuadrícula de tus productos más vendidos de todos los tiempos, filtrables por categoría.

Bloque de productos más valorados
Muestra una cuadrícula de tus productos más valorados, filtrables por categoría.

Bloque de productos nuevos
Muestra una cuadrícula de tus productos más recientes, filtrado por categoría.

Bloque de productos en venta
Muestra una cuadrícula de productos rebajados, filtrables por categoría.

Bloque de productos por categoría
Muestra una cuadrícula de tus productos más recientes. Los productos se pueden ordenar de varias formas.

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.

Bloque de productos por atributo
Muestra una cuadrícula de productos a partir de los atributos que elijas.

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.

También hemos mejorado el filtro de selección de categorías. Si seleccionas dos o más categorías, ahora puedes elegir mostrar productos que incluyan CUALQUIERA o TODAS las categorías seleccionadas.

Cómo empezar

Requisitos mínimos

  • WordPress 5.0
  • WooCommerce 3.6 o superior
  • PHP versión 5.2.4 o superior (se recomienda PHP 7.2 o superior)
  • MySQL versión 5.0 o superior (se recomienda MySQL 5.6 o superior)

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

Instalación automática

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”.

Instalación manual

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.

Datos de muestra

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.

¿Dónde puedo informar de fallos o contribuir al proyecto?

Los errores se deben informar en el repositorio de GitHub del bloque de productos Gutenberg de WooCommerce.

¡Esto es genial! ¿Puedo contribuir?

¡Sí que puedes! Únete a nuestro repositorio GitHub 🙂

Notas de publicación y de hoja de ruta disponibles en el blog de desarrolladores de WooCommerce


  • El bloque de productos destacados
  • Selección de un producto para el bloque de productos destacados
  • Selección de productos para el bloque de productos seleccionados a mano
  • Selección de categorías en el bloque de productos por categoría
  • Bloques de productos de WooCommerce en el menú del insertador de bloques


Este plugin proporciona 13 bloques.

On Sale Products
Reviews by Product
All Reviews
Reviews by Category
Hand-picked Products
Products by Category
Featured Product
Product Search
Product Categories List
Featured Category
Newest Products
Best Selling Products
Products by Tag


14 de agosto de 2019
You think we have website for fun? my shop is broke because of you sh***ty program since 3 weeks their is money involve, and you reply that you will see it soon. REALLY! For some of us it's our job dude! SHAME!
12 de agosto de 2019
I updated to Version: 2.3.0 today (8/12/19) and any pages that use Gutenberg blocks can not be edited. Each block shows "Error loading block: The site is experiencing technical difficulties." When deleted and attempt to pull new info from WooCommerce the block can't load any products, categories, etc
19 de julio de 2019
This plugin causes exessive js: loading a significant amount of extra JavaScript from wp-includes/js/dist on the frontend due to doing it wrong!
14 de julio de 2019
Plugin is broken. After 2.2 update, plugin will not add products to blog post. Error reads "Error loading block: The response is not a valid JSON response."
13 de julio de 2019
After updating to 2.2.1 from 2.1.0 the shop images aren't loading (only the spider is rotating). The hover-flyouts of the dropdown menus are disappeared. After deactivating the plugin these errors are fixed.
Leer todas las 25 reseñas

Colaboradores y desarrolladores

«WooCommerce Blocks» es un software de código abierto. Las siguientes personas han colaborado con este plugin.


«WooCommerce Blocks» ha sido traducido a 10 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «WooCommerce Blocks» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

2.4.4 – 2019-10-15

  • Fix product search widget due to missing home url on the form action.
  • Fix fatal on WP_Error due to missing root namespace for class invocation.

2.4.3 – 2019-10-14

  • Refactor permission checks for authors.

2.4.2 – 2019-09-23

  • Fix product grids overflowing in some themes
  • Fix regression that prevented selecting product variations in the Featured Product block.

2.4.1 – 2019-08-30

  • Fix conflict with WooCommerce Admin.

2.4.0 – 2019-08-29

  • Feature: A new block named ‘All Reviews’ was added in order to display a list of reviews from all products and categories of your store. #902
  • Feature: Added Reviews by Product block.
  • Feature: Added Reviews by Category block.
  • Feature: Added a new product search block to insert a product search field on a page.
  • Enhancement: Add error handling for API requests to the featured product block.
  • Enhancement: Allow hidden products in handpicked products block.
  • Fix: Prevented block settings being output on every route. Now they are only needed when the route has blocks requiring them.
  • Dev: Introduced higher order components, global data handlers, and refactored some blocks.
  • Dev: Created new HOCs for retrieving data: withProduct, withComponentId, withCategory.
  • Dev: Export block settings to an external global wc.blockSettings that can be reliably used by extensions by enqueuing their script with the wc-block-settings as the handle. #903
  • Dev: Added new generic base components: <OrderSelect /> and <Label /> so they can be shared between different blocks. #905

2.3.1 – 2019-08-27

  • Fix: Fix deprecation notices with PHP 7.4.
  • Fix: Removed unused screen-reader-text css styles for buttons which caused some theme conflicts.
  • Fix: Left align stars to fix alignment in Storefront.
  • Fix: Best-sellers block query results #917
  • Fix: Fix duplicated translatable string #843

2.3.0 – 2019-08-12

  • Feature: Added a new Featured Category Block; feature a category and show a link to it’s archive.
  • Feature: Added a new Products by Tag(s) block.
  • Feature: Allow individual variations to be selected in the Featured Product block.
  • Feature: Added a button alignment option to product grid blocks to align buttons horizontally across the row.
  • Feature: Added a cancel button to the product category block editor to discard unsaved changes.
  • Enhancement: Change the toggle for list type in Product Category List block to a button toggle component for clarity.
  • Build: Updated build process and plugin structure to follow modern best practices. Minimum PHP version bumped to 5.6.
  • Fix: Correctly hide products from grids when visibility is hidden.
  • Fix: Fix Featured Category block using radio buttons instead of checkboxes.
  • Fix: Use externals for frontend dependencies so they are shared between extensions and blocks. That saves 2.57MB on page weight.
  • Fix: Load frontend scripts dynamically only when the page contains a block that requires them.
  • Fix: Reduce dependencies of JavaScript powered frontend blocks.
  • Fix: Disable HTML editing on dynamic blocks which have no content.
  • Fix: Hide background opacity control in Featured Product settings if there is no background image.
  • Fix: Reduce CSS specificity to make styling easier.
  • Fix: Fix author access to API for handpicked products block.

2.2.1 – 2019-07-04

  • Fix: Allow custom CSS classes on grid blocks.
  • Fix: Allow custom CSS classes on featured product block.
  • Fix: Allow custom CSS classes on product categories list.

2.2.0 – 2019-06-26

  • Feature: Add Product Categories List navigation block for showing a list of categories on your site.
  • Enhancement: All grid blocks are now rendered directly by the blocks code, not using the shortcode.
  • Mejora: Marca los bloques de WooCommerce para una mejor capacidad de descubrimiento en el insertador de bloques.
  • Build: Update build process to dynamically generate required WordPress dependencies.
  • Build: Update packages.

2.1.0 – 2019-05-14

  • Feature: Add focal point picker to the Featured Product block, so you can adjust the background image position (only available on WP 5.2+ or with Gutenberg plugin).
  • Fix: Improved fetching products from API, so searching for products in Featured Product & Hand-picked Products is faster for stores with over 200 products.
  • Fix: It might be possible to request over 100 products for the editor preview, but this would cause an API error – we now limit the preview request to 100 products.
  • Build: Update build script to show visual progress indicator.
  • Build: Update packages.

2.0.1 – 2019-04-22

  • Fix: Fix warnings about blocks already being registered.
  • Fix: Fix a conflict with WooCommerce 3.6 and WooCommerce Blocks 1.4 (this change only applies to the version of blocks bundled with WooCommerce core).

2.0.0 – 2019-04-18

  • BREAKING: Requires WordPress 5.0+, WooCommerce 3.6+
  • BREAKING: Remove the legacy block entirely
  • BREAKING: Remove the wc-pb/v3/* endpoints in favor of new core wc-blocks/v1/* endpoints
  • Feature: Add content visibility settings to show/hide title, price, rating, button
  • Feature: Add transforms between basic product grid blocks
  • Fix: Add product rating display to preview, to better match front end
  • Fix: Product titles render HTML correctly in preview
  • Fix: Icons are now aligned correctly in placeholders
  • Fix: Grid block preview column width now matches the front-end
  • Fix: Webpack now builds using a custom jsonp callback, fixing possible collisions with other projects
  • API: Change namespace, endpoints now accessed at /wc/blocks/*
  • API: Add catalog_visibility parameter for fetching products
  • API: Update structure of attribute term endpoint to return attribute.slug, attribute.name etc
  • API: Update parameters to use full names, category_operator, attribute_operator
  • Components: Move SearchListControl to @woocommerce/components library
  • Components: Added new control component GridContentControl to manage content visibility
  • Build: Reorganize CSS into one file for editor preview, and one file for front-end styles
  • Build: Move registration code to a new class
  • Build: Update packages

1.4.0 – 2019-02-12

  • Feature: Added new block: «Products by Attribute»
  • Enhancement: Added the ability to resize the Featured Product block (a default and minimum height can be set by your theme)
  • Enhancement: Updated button on Featured Product block to match core button block behavior
  • Components: Added new control component GridLayoutControl to manage row/column layout values
  • Components: Updated ProductAttributeControl to list only attribute types, then once selected, list terms in that attribute
  • UX: Remove ability to change selected product in Featured Product block, to prevent «sticky» product links.
  • Fix: A product without an image will now use the placeholder image in grid-layout block previews
  • Fix: Previously, there was a PHP notice when a Featured Product has no background image
  • Fix: There is now an enforced limit on column and row counts (which can be set by your theme)
  • API: Added attr_operator support to products endpoint to compare product attribute terms
  • Build: Update packages
  • Build: Remove unnecessary internationalization build step

1.3.1 – 2019-01-17

  • Fix: A CSS conflict was causing the core columns style to reset, this has been fixed and columns will display as expected now.
  • Fix: A version conflict with a JS package was causing the blocks to be broken in non-English locales. The package was updated.
  • Fix: Translations were not being loaded correctly for the JS files. We now bundle the Danish, Spanish, and French translations so that these can be used.

1.3.0 – 2019-01-15

  • Feature: Added new blocks: «Featured Product», «Hand-picked Products», «Best Selling Products», «Newest Products», «On Sale Products», «Top Rated Products»
  • Enhancement: Create new «WooCommerce» block category, all blocks are found there now
  • Enhancement: Added a control to «Products by Category» block to control whether products need to match any selected categories or all selected categories
  • Fix: A «Products by Category» block with no category selected will no longer show all products
  • Legacy block: Remove legacy «Products» block from being shown in the block inserter (still loading the block for an existing uses)
  • Legacy block: Fix an issue with imageless products in the legacy «Products» block.
  • Components: Add new Control components ProductControl, ProductsControl, ProductOrderbyControl
  • Components: Update SearchListControl to allow selecting a single item
  • API: Add cat_operator support to products endpoint
  • API: Add product description & short_description to each product
  • API: Add attribute group names to each attribute
  • Build: Update packages
  • Build: Add cssnano to minify CSS
  • Build: Split out node_modules code into separate vendors files

1.2.0 – 2018-12-04

  • Feature – Stand-alone product category block with improved category selection interface.
  • Fix – All users who can edit posts can now use these blocks thanks to a new set of API endpoints allowing view access to products, product categories, and product attributes.
  • Fix – Compatibility with WP 5.0, fixed error “Cannot read property Toolbar of undefined”.
  • Fix – Only published products are shown in previews.
  • Enhancement – Translations should now load into the block (for WP 5.0+).
  • Enhancement – Modernized build process and developer tools, and added tests for faster future development.

1.1.2 – 2018-09-07

  • Fix – Refactor to remove withAPIData usage, as the class was removed in Gutenberg 3.7.

1.1.1 – 2018-08-22

  • Fix – Make Newness ordering order correctly on frontend.
  • Fix – Don’t cause fatal errors if WooCommerce is not active.

1.1.0 – 2018-06-06

  • Feature – Add «Best Selling» and «Top Rated» product scopes.
  • Fix – Only enqueue scripts and styles in the site backend.
  • Fix – Remove focus checks deprecated in latest Gutenberg version.
  • Fix – Added keys to some elements to prevent React warnings.
  • Enhancement – Added custom API endpoint for more accurate block previews with orderby.
  • Performance – Refactored the way the attribute select works to prevent many concurrent API requests on sites with many attributes.

1.0.0 – 2018-04-24

  • Initial implementation of the Gutenberg Products block.