How to Create Magento 2 Page Builder Profile | Landofcoder Tutorials

0
2647
create magento 2 page builder profile

Be continued our Magento 2 Tutorial series about Magento 2 Page Builder, so in this tutorial, I will show you “How to Create Magento 2 Page Builder Profile”

Go to Admin -> Venustheme -> Add Page Profile:

admin page builder magento 2

1. Page Information:

Fill all information about page:

Block Information:

+ Page Title: Name the title of the page such as Demo Homepage 01, 02, etc

+ URL Key: Link URL of the page

+ Storeview: Choose Storeview you want this page show-off

page information magento 2

2. Page Design:

Enable Container: Enable/Disable

Design in: Set Responsive for your page on Desktop, Laptop, Tablet & Mobile

Enable Grid or not

page builder design

Here you can design your content homepage with block builder. First of all, follow us to review some symbols in blocks:

+ Add Block:

+ Add Column

+ Add row

+ Delete, Duplicate Block

+ Settings Block

+ Copy to Clipboard

….

2.1 Create Unlimited Blocks:

Click at ” +” to start creating “New Block” for your page

add block magento 2

2.2 Add Column:

Then Add Column by clicking on the symbol of “Add Column”

add-column magento2

2.3 Load CMS Block

load cms block magento 2

2.4 Add Row:

add row magento 2

2.5 Add Widgets:

With 50+ Pre-made Widgets, this page builder allows to build your rich content quickly.

add widget magento 2

2.6 Copy Shortcode to Clipboard, Sort, Resize, Delete

create magento 2 page profile

2.7 Load Element Profile, Edit Row Shortcode, Duplicate

load element magento 2

3. Add CMS Page Information

+ Set Layout for CMS Page

+ Layout Update XML:

+ Custom Design From:

+ Custom Design To:

+ Custom Theme:  Choose Theme Custom for CMS Page

cms-page-information

4. Page Builder Settings:

+ Enable Wrapper Block

+ Select Wrapper Class

page builder setting

5. Custom Style/Js

Add custom CSS & js here to make the changes at any position on the page.

customize-js-style

After each editor step, you can click at “Save & Continue Edit” to save your change

save block profile magento 2

Finally, click “Save Profile”

6. Clear Cache Management:

Navigate “Cache Management” 

cache management magento 2

-> “Select All” -> “Submit”

clear cache magento 2

Congratulation! You ‘ve create successful Magento 2 Homepage Profile “Demo Homepage 01”

MAGENTO 2 PAGE BUILDER TUTORIALs

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

NO COMMENTS

LEAVE A REPLY

*