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:

Subject Description
Introduction 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.
Setup 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.
Workspace Review the components of the Page Builder workspace and how they enable you to create engaging content for your stores.
Walkthrough 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
Workspace Explore the tools available in the Page Builder workspace when you create basic pages, product and catalog pages, blocks, and dynamic blocks.
Layout Explore the Layout section of the Page Builder panel, and how to use these tools to add layout components to the Page Builder stage:
rows
columns
tabs
Elements 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:
text
headings
buttons
dividers
HTML code
Media 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:
images
video
banners
sliders
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:
Block
Dynamic Block
Products
Product Recommendations (Adobe Commerce only)
Templates 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

Guide Description
Adobe Commerce 2.4 Merchant Documentation Merchant-focused documentation for both Adobe Commerce and Magento Open Source
Adobe Commerce 2.4 Developer Guide Developer-focused documentation used to build and customize Adobe Commerce or Magento Open Source

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 articles:

On this page