How to use WooBuilder

Here's a video walkthrough https://vimeo.com/331035440

Step 1 – Add products details into WooCommerce Product as normal. Save or publish the product and then click ‘Enable WooBuilder Blocks”

We’ve built a whole bunch of new blocks that lets you build any layout using the Gutenberg Editor.

WooBuilder Blocks include; add to cart block, product title, product price, short description, product image, product reviews and product meta. 

You choose where and if you use them :)

WooCommerce Single Product Blocks included with WooBuilder

You can add these WooBuilder Blocks anywhere within your new WooCommerce Page layout.

Each Block also comes with it’s own set of customization options. For example it’s now easy to change the font, font size, font color of the WooCommerce Product title, and the WooCommerce add to cart.

Step 2 – Create your new design using the Gutenberg Block editor and WooBuilder Blocks

Top tip – to create complex grid layouts for your WooCommerce Product Page then consider using a specialized Gutenberg based layout block like either the Caxton Layout Block, or the Kadance Layout Block.

Step 3 – Publish your new WooCommerce Product page design

You can then use your new WooCommerce Product Page design as a template and apply it to multiple products using categories and tags

How to create Templates and apply them to multiple WooCommerce Products using categories and tags

If you want to apply your new WooCommerce Product Page designs to multiple products then you can use the WooBuilder Template system. 

It’s easy to get working and only takes a few minutes. Here’s how it works.

Video walkthrough - https://www.youtube.com/watch?v=Blb8oC0RqE8&feature=youtu.be

Save your template

Name your template

Click on All Templates

Click edit Template

Select your categories to apply the template to