After July 2021, the 2.3.x release line no longer received quality updates or user guide updates. PHP 7.3 reached end of support in December 2021, and Adobe Commerce 2.3.x reached end of support in September 2022. We strongly recommend upgrading to Adobe Commerce 2.4.x to help maintain PCI compliance.

Page Builder Setup

This site contains archived merchant documentation for a version of Adobe Commerce and Magento Open Source that has reached end-of-support. The documentation available here is intended for historical reference only and is not maintained. The Adobe Commerce Merchant Documentation for current releases is published on the Adobe Experience League.
Magento Commerce only. Learn more.

When enabled in the configuration, Page Builder becomes the default content creation tool for CMS Pages, Blocks, and Dynamic Blocks. In addition, the Enable Advanced CMS button offers Page Builder as an option for Categories and Products. You can also choose the default page layout that you want to use for products, categories, and CMS pages. Page Builder is not available for newsletter content, which uses the Magento WYSIWYG editor.

Advanced Content Tools

Configure Page Builder

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel under General, choose Content Management.

  3. Expand Expansion selector Advanced Content Tools and verify that Enable Page Builder is set to Yes.

  4. If you are ready to set up Google Maps, do the following:

    • If necessary, follow the Get API Key instructions, and then copy and paste your Google Maps API Key.

    • To change the Google Maps Style, paste the JSON code that is generated by the Google Maps APIs Styling Wizard.

    See Media - Map for more information about using Google Maps in your Page Builder content.

  5. To configure the number of guidelines in the Page Builder column grid, do the following:

    • For Default Column Grid Size, enter the default number of columns that you want to appear in the grid.

    • For Maximum Column Grid Size, enter the largest number of columns that you want to be available in the grid.

    Column grid size

    See Layout - Column for more information about using the column grid when working with your Page Builder content.

  6. When complete, click Save Config.

Configure default layouts

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel under General, choose Web.

  3. Expand Expansion selector Default Layouts and and do the following:

    Default Layouts

    • Choose the Default Product Layout that you want to use for product pages.

    • Choose the Default Category Layout that you want to use for category pages.

    • Choose the Default Page Layout that you want to use for CMS pages.

  4. When complete, click Save Config.

Disable Page Builder

Disabling Page Builder replaces the Advanced Content Tools with the WYSIWYG editor, and might cause display errors in the storefront. Content that you previously created with Page Builder might not be editable from the Admin.

  1. On the Admin sidebar, go to Stores > Settings > Configuration.

  2. In the left panel under General, choose Content Management.

  3. Expand Expansion selector Advanced Content Tools and set Enable Page Builder to No.

  4. When prompted to confirm, click Turn Off.

    Turn off Page Builder - confirm Confirmation dialog - turn off Page Builder

  5. When complete, click Save Config.

  6. When prompted, refresh any invalid cache.

© 2024 Adobe. All rights reserved.