Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

Block Editor For WooCommerce


WooCommerce + Gutenberg (The Block Editor) = awesome.

Now you can experiment with the visual block editor feature for editing WooCommerce Product description built within WordPress. This plugin will enable you to use all blocks provided by Gutenberg as-well-as all other awesome blocks released by many plugin authors.

Many people use visual editor for editing the WooCommerce Product. I was just experimenting with the Block Editor (Gutenberg), which now shipped with WordPress as the default editor. I enjoy using Block Editor and always wanted to use it with WooCommerce.

This is a proof of concept ( and experimental) Plugin that Gutenberg is pretty awesome with WooCommerce.

This plugin (Backend – Block Editor) tested with latest Chrome (Version 78) and Firefox (Version 67) for the meta box handling. As you know Block Editor always saves rendered HTML, so it should be safe to remove/disable this plugin anytime you want.

Any bug report, PR, feature request will be appreciated. Checkout our GitHub Repo.


  • The ‘Block Editor’
  • Product Single Page Designed with The ‘Block Editor’
  • WooCommerce Product MetaBoxes


There’s no extra step involved for activating this plugin. Simply install the plugin from your WordPress dashboard and activate.

Install From WordPress Dashboard

  1. Visit the plugins page within your dashboard and select ‘Add New’
  2. Search for ‘WooCommerce Block Editor’
  3. Activate ‘WooCommerce Block Editor’ plugin

Install From The Zip Archive

  1. Download WooCommerce Block Editor from WordPress plugin page
  2. Visit the plugins page within your dashboard and select ‘Add New’
  3. Click ‘Upload Plugin’
  4. Click ‘Choose File’
  5. Click ‘Install Now’
  6. Activate the ‘WooCommerce Block Editor’ plugin

Install WooCommerce Block Editor Manually

  1. Upload the ‘woocommerce-block-editor’ folder to the /wp-content/plugins/ directory
  2. Activate the ‘WooCommerce Block Editor’ plugin

Preguntas frecuentes

How to Fix WooCommerce ‘Product Data’ MetaBox Not Minimizing

Please Clear your browser cache after enabling this plugin.


29 de enero de 2021
As I fell in love with Gutenberg, stopped to feel the old editor. Now content of all post types are allowed to be in blocks. Many thanks!!! EDIT: Stopped working :/
14 de marzo de 2020
I am very grateful to you for making the plugin Block Editor For WooCommerce! I did not hope that I could find the plugin needed. Therefore, your plugin was a pleasant surprise for me. I like the editor Gutenberg, I am very glad that there is the opportunity to work with the editor in WooCommerce. Thank you for your work! Hope you continue to support the plugin!
Leer todas las 2 reseñas

Colaboradores y desarrolladores

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


Traduce «Block Editor For WooCommerce» 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

v1.0.1 (19th November, 2019)

  • Fix :: Enable taxonomies in Block Editor.

v1.0.0 (18th November, 2019)

  • Initial Release.