How To Use Page Builder in Magento Open Source & Adobe Commerce 2.x

Page Builder is powerful content management tool & used to create content by using dragging-and-dropping pre-built controls.
These pre-built controls referred as Content Types

The following below four Content Types

[1] Layout:: a set of rows, columns & tabs


[2] Elements:: a set of text, headings, buttons, dividers & HTML Code


[3] Media:: a set of images, video, banners, sliders & Google Maps


[4] Content:: a set of Block & Products

These Content Types used as below

Drag-and-drop:: To create content by using Drag-and-drop functionality
Live previews :: To show created content before publishing the storefront.
Editors:: Used for entering and customizing the content.
Schedule Content Update:: To update automatically content on specific date.

There are following below steps need to follow in Magento 2.x admin side

Step [1] – Left Side Panel Go To Content > Elements,

select either Pages or Blocks or Widgets or Templates as per business need.

Step [2] – Here we have clicked on Pages, display page listing,

Click on Add New Page buttin

Step [3] –Once Clicked on Add New Page button, redirects on New Page form

Step [4] – Right Side panel expand Content Tab

Step [5] –Once Clicked on Edit with Page Builder

Step [5.1] –Drag & Drop Row from Left Side Layout Panel to right side Panel
Step [5.2] –Drag & Drop Heading from Elements Panel to right side Panel

Step [5.3] –Drag & Drop Products from Add Content Panel to right side Panel

Step [5.4] –Once Clicked on Products Setting Button

Step [5.5] – Redirects on Edit Products form & Select Product By either
using any Category or set of SKU or Conditions

Here we have selected by Category

Step [5.7] – Finally clicked on Save Button, It would be displayed as below

Step [5.6] – Clicked on Top Right Side Close Full Screen

Step [5.7] – Redirects on below screen.

Step [5.7] – Finally clicked on Save Button & your custom page with Page Builder has been created, where 5 Products are being displayed.

Leave a Reply

Your email address will not be published. Required fields are marked *