Page Builder User Guide

This guide is intended for administrators of Adobe Commerce and Magento Open Source. It provides detailed information about Page Builder features, including a three-part walkthrough for building basic content components. It assumes a basic understanding of the core Commerce configuration, and functionality.

Page Builder has two areas for store administrators:

  • The Admin: Use this area to access the configuration UI and work with the Page Builder tools.
  • The command-line interface: Use this tool to execute installation and backend configuration tasks.

This guide covers:

What is Page Builder? And how does it enhance content creation for Adobe Commerce and Magento Open Source sites?
Release Notes
Review the updates provided in each Page Builder module release.
To update default settings, you can change the default page layout and enable more advance Page Builder features. You can also integrate Google Maps to incorporate location content in your pages.
Review the components of the Page Builder workspace and how they enable you to create engaging content for your stores.
If you are just getting started with Page Builder, you can get up to speed quickly by completing the walkthrough exercises:
1 - sample page
2 - reusable content block
3 - catalog page for product listings
Explore the tools available in the Page Builder workspace when you create basic pages, product and catalog pages, blocks, and dynamic blocks.
Explore the Layout section of the Page Builder panel, and how to use these tools to add layout components to the Page Builder stage:
Explore the Elements section of the Page Builder panel, and how to use these tools to add basic elements to any layout container on the Page Builder stage:
HTML code
Explore the Media section of the Page Builder panel, and how to use these tools to add media items to any layout container on the Page Builder stage:
Google Maps
Add Content
Explore the Add Content section of the Page Builder panel, and how to add content components to the Page Builder stage:
Dynamic Block
Product Recommendations (Adobe Commerce only)
Save your existing Page Builder content as a template, and then apply that template to another area for quick and consistent content creation.

It does not cover the core capabilities of Adobe Commerce and Magento Open Source.

Additional documentation

Documentation resource
Adobe Commerce 2.4 Merchant Documentation
Merchant-focused documentation for Adobe Commerce
Services for Adobe Commerce Documentation
Documentation to support a collection of services that help merchants integrate key components of their business with their store.
Commerce on Cloud Infrastructure Guide
Step-by-step procedures for deploying Adobe Commerce on a managed, automated hosting Cloud platform.
Adobe Commerce 2.4 Operational Guides
Systems documentation about the concepts, processes, tools, and best practices to develop, deploy, and maintain Adobe Commerce projects.
Adobe Commerce 2.4 Developer Documentation
Developer-focused documentation used to customize Adobe Commerce and integrate with third-party systems

Page Builder developer information

Page Builder is installed with Adobe Commerce 2.4.x and Magento Open Source 2.4.3 and above, with all features enabled by default. For information about changes included in module releases, see the Page Builder Release Notes. The Page Builder Developer Guide provides details about module architecture and customization.

Troubleshooting resources

For help with troubleshooting Page Builder issues, see the following Commerce Support Knowledge Base articles: