Block Editor in Woo Commerce

The recent update in technological developments has seen different features being launched primarily in the website world. For instance, WordPress released WordPress 5.0, and one of the incredible features that come with this WordPress version is the Block Editor feature. As said in the previous post,Content is always king. Thus WordPress considered these sentiments, and thus, it’s allowing its Websites to have a more presentable content. This is what the Block editor does. It allows you to create your content in blocks’ series in a new interface. In our today’s posts, we are going to show you how you can use the Block Editor in Woo Commerce.


Once you have installed the Woo Commerce Plugin, you don’t have to activate it; it does so automatically here are the basic steps to install the plugin from your WordPress Dashboard. 1. Go to the plugins page on your dashboard and click add New. 2. From the Search Panel type and Woo Commerce Block editor and click search. 3. Activate the WordPress Dashboard. The Block Editor can also be installed from the ZIP Archive through the following steps. 1. Go to the WordPress Plugin Page and download the Woo Commerce Block Editor. 2. On the Dashboard of the plugins, Page select Add New. 3. Upload the plugin by clicking the “Upload Plugin” button. 4. Select the file to be installed and click install now. The block editor comes with numerous and incredible features that enable the Woo Commerce to modernise and improve your products throughout. It allows you to customise in finer details on how you want your product to appear.

Woo Commerce Pricing:

What’s the cost? Woo Commerce itself is free. But a domain name (about $12/year), and a hosting service is needed ($5-$25 monthly). Woo Commerce can have additional costs like a theme (~$59), plugins & extensions (from $25 each) and developer fees ($20-$150/hour).

Frequently Asked Questions (FAQ)

 To enable the block editor in WooCommerce, you can use a code snippet  or switch to the Block Editor by clicking on the icon with three dots and selecting ‘Convert to Blocks’. You can also enable Gutenberg editor in WooCommerce by enabling block editor, taxonomies, catalog visibility, and reverting back to classic editor

  To customize WooCommerce blocks, you can use the Block Editor to place them anywhere it is enabled. You can also hook into the WooCommerce Product Grid Item HTML filter to modify the existing HTML for the product block.

  •       What do you use the blocks editor mode for?</h3>

     The Blocks Editor mode is used to program the behavior of an app by putting blocks together. It can be used to add content elements such as paragraphs, images, headings, lists, videos, galleries and more.

To enable the block editor, you can click on Posts > Add New or Pages > Add New in WordPress. You can also convert existing content to blocks by clicking on the icon with three dots for more options and selecting “Convert to Blocks”. To change block type or style, click on the icon with two arrows.