After July 2021, the 2.3.x release line will no longer receive quality updates, or user guide updates. PHP 7.3 reaches end of support in December 2021 and Adobe Commerce 2.3.x reaches end of support in September 2022. We strongly recommend planning your upgrade now to Adobe Commerce 2.4.x to help maintain PCI compliance.

Page Builder - Layout

The information on this page is intended for Adobe Commerce 2.3 customers who are on an extended support contract. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.
Magento Commerce only. Learn more.

The Layout section of the Page Builder panel is used to add rows, columns, or tabs to the stage. When you drag a content type from the panel to the stage, a container appears with a toolbox of options that are specific to the content type.

By default, the Page Builder stage has an initial row. As you drag additional content types from the panel to the stage, you can place them inside the row, or position them above or below the row, according to type.

Page Builder panel with layout content types and stage

Layout content types

Content type Description
Row The row is the primary content type. All other content types are added to an existing row. A new row can be dragged from the panel to the stage, and positioned either above or below another row. You can also use the Duplicate option to make a copy of an existing row.
Column A column can be dragged from the panel to a row. The maximum number of columns that can be added is determined by the number of grid divisions that is specified in the configuration.
Tabs A single tab can be dragged from the panel to a row. Additional tabs can be added from the toolbox.