Page Builder setup

Last update: August 21, 2023

CREATED FOR:

Beginner
Intermediate
User

When enabled in the configuration, Page Builder is 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 WYSIWYG editor.

NOTE

When installed, Page Builder overrides the default setting for the Mask for Meta Description configuration field. The value is changed from {{name}} {{description}} to {{name}}.

You can access this setting when you go to Stores > Settings > Configuration, expand Catalog, and choose Catalog underneath. The Mask for Meta Description field is in the Product Fields Auto-generation section.

NOTE

An Admin user must have Content permissions for their role scope to see Edit with Page Builder buttons and be able to use Page Builder.

For more information about the Content Management Advanced Tools configuration options, see the Configuration Reference Guide.

Configure Page Builder

On the Admin sidebar, go to Stores > Settings > Configuration.
In the left panel under General, choose Content Management.
Expand Advanced Content Tools and verify that Enable Page Builder is set to Yes.
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.
NOTE
See Media - Map for more information about using Google Maps in your Page Builder content.
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.
NOTE
See Layout - Column for more information about using the column grid when working with your Page Builder content.
When complete, click Save Config.

Configure default layouts

On the Admin sidebar, go to Stores > Settings > Configuration.
In the left panel under General, choose Web.
Expand Default Layouts and do the following:

For more information about the Web configuration options, see the Configuration Reference Guide.
- 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.
When complete, click Save Config.

Disable Page Builder

NOTE

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.