The Products block lets you present your products or services in a clean, attractive way. You can choose between several ready-made layouts with multiple products, or a single-product layout – useful if you’re promoting one specific product, such as a book, e-book or app.
Adding the Products block
- Choose where you want the block and click Add a block (+).
- In the Block library, select Products to see the ready-made layouts.
- Click the layout you like to add it to your page.
Customising the block settings
Click the block, then the Block settings icon. The menu has two tabs: Layout and Appearance.
In the Layout tab you can switch layouts and choose which elements appear – remove the blue tick next to an element to hide it.
In the Appearance tab you can change:
- Block style: the block’s colour scheme.
- Block spacing: the space above and below the block.
- Horizontal alignment: how content is aligned horizontally.
- Content layout: the number of items per row.
- Content style: add borders and shadows to certain elements.
- Media settings: add a black-and-white filter to the block.
Note: the controls available may vary depending on the layout.
Editing images
You can replace the demo images in the Products block with your own product images.
Editing product descriptions
You can add short product descriptions in multi-product layouts. Click a text container to replace the demo content, or paste in text from elsewhere.
Customising block elements
All elements in the Products block are highly customisable – you can add, edit and remove most of them. Undo any action with Undo or Ctrl+Z (Cmd+Z on Mac). Click Publish to make the changes live.