Page Builder User Guide

Last update: Mon Mar 10 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • Beginner
  • Intermediate
  • User

This guide is intended for administrators working in the Adobe Commerce and Magento Open Source Admin. 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
What is Page Builder? And how does it enhance content creation for Adobe Commerce and Magento Open Source sites?
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.
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
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)
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.