This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Block Editor For WooCommerce

Description

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.

Screenshots

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

Installation

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

FAQ

How to Fix WooCommerce ‘Product Data’ MetaBox Not Minimizing

Please Clear your browser cache after enabling this plugin.

Reviews

29 Eanáir, 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 Márta, 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!
Read all 2 reviews

Contributors & Developers

“Block Editor For WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

v1.0.1 (19th November, 2019)

  • Fix :: Enable taxonomies in Block Editor.

v1.0.0 (18th November, 2019)

  • Initial Release.