The WooCommerce Blog

Tips, tricks and eCommerce inspiration from WooCommerce experts.

Get access to customer-only benefits

Making it easier to add products to posts and pages with the Products block for Gutenberg

May 2, 2018 - 94 Comments

The Products block represents stage one of a project we’re affectionately referring to as “Wootenberg”—the preparation of WooCommerce for the arrival of the Gutenberg editor.

Gutenberg?

If you’ve missed it, Gutenberg is a brand-new, visually-driven content editor being built for WordPress and scheduled for inclusion in the 5.0 release. Read all about it and download the latest version of the Gutenberg feature plugin.

What is the Products block?

Essentially, the Products block is a modern version of the Products shortcode, built for the Gutenberg world we’re all soon to move in to.

The Products block provides an intuitive user interface for inserting products from a variety of sources, then delivers an accurate preview of how that selection will look when published. You’ll also be able to fine-tune the appearance of those products by adjusting the layout and ordering.

Continue Reading

Preparing WooCommerce for the arrival of Gutenberg

November 15, 2017 - 16 Comments

Dedicated WordPress users have probably heard about Gutenberg, the revolutionary new editor currently in development as a feature plugin and scheduled for inclusion in WordPress version 5.0. It transforms the way we edit content of our WordPress websites by providing a richer “block”-based experience.

Put simply, a block is any single element of content – an image, a paragraph or a YouTube video – and blocks can be quickly configured and built into immersive page layouts and designs. This is a comprehensive maturation of the visual editor as we know it and creates a truer WYSIWYG experience.

Gutenberg will transform the way we edit the content of our WordPress websites by providing a richer “block”-based experience.

One thing that isn’t yet 100% clear is how complex plugins like WooCommerce will work with Gutenberg.

Our design team has explored and experimented with adding product Blocks (recent products, featured products, etc.) to posts and pages. But as you’re well aware, publishing products should be a very different experience to authoring a blog post.

How adding a product block in Gutenberg might look
How adding a product block in Gutenberg might look.

As a release candidate approaches, Gutenberg will enable us to mimic that rich blog authoring experience for products. How might that look?

Continue Reading

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment