✍️
pagebuilder
  • Overview
  • How Page builder work
  • Installation
    • Upload files installation
  • Configuration
    • General Configuration
    • Base Widget Configuration
    • Pages Builder Configuration
    • Live CSS Editor Configuration
  • Manage Page Builder Profile
    • Manage Page Builder Profile
    • Create Page Builder Profile
    • Show page on frontend
  • Manage Element Builder Profile
    • Manage Element Builder Profile
    • Create Element Builder Profile
    • Show Element on frontend
  • Widgets Configuration
    • List of Base Widgets
  • Video Guide
    • How to create landing page
    • How to use Element Builder
  • Knowledge Base
    • General
Powered by GitBook
On this page

Was this helpful?

How Page builder work

The module are using bootstrap framework (compatible with bootstrap 3, bootstrap 4 and comming soon bootstrap 5)

Our magento 2 page builder extension using core magento 2 widgets to build content of the cms page or block content with more advanced settings for developer can build page content as his want.

Steps to design content with page builder:

  • create page builder profile / element builder profile

  • design grid layout for there screen size (desktop, tablet, mobile) with bootstrap grid (12 or 14 columns)

  • Create layout rows

  • In Row, create columns

  • In Column create widgets (supported all magento 2 widgets, base widgets of page builder, 3th party extension widgets)

  • Save profile

  • With Page Builder Profile, after save it will been auto create CMS page with identifier same as page builder profile.

  • With Element builder profile, after save it will not show on frontend automatic. You should call it in cms page, cms block, create widget instance to show on any position on frontend. Also, can re use Element builder profile in Page Builder profile by call it via widget or load element profile.

PreviousOverviewNextUpload files installation

Last updated 3 years ago

Was this helpful?