Best, Quickest & Simplest Way to Config Magento 2 Page Builder

To continuing series tutorials for Magento 2 Page Builder, now, I will show you “Best, Quickest, Simplest way to Config Magento 2 Page Builder”. To config Magento 2 Page Builder, you should experience with 3 main below steps:

– Base Widget Settings
– Page Builder Settings
– Live CSS Editor Settings

1. Config Base Widget Settings

Go to Admin Panel > Venustheme > Ves PageBuilder 

> Base Widgets > Configuration

Then you will config “General Settings”:

+ Enable: Enable this function for your page

+ Root Media Path: Allow to Input root media folder path of filemanager popup in pages builder ( media/FOLDER_PATH) . Input FOLDER_PATH . For example folder name: wysiwyg . The filemanager will get images from media/wysiwyg . Default empty value.

+ Dir Mode: Insert new dirs mode for block. Default value is 0755

+ File Mode: Set new file mode for block. Default value is 0644

+ Max Archive Files Size: Set Max allowed archive files size (0 – no limit)

+ Enable Cookies Jquery: Yes/No

+ Enable Countdown Js: Yes/No

2. Config Magento 2 Pages Builder Settings

Go to Admin > Ves PageBuilder > Pages Builder > Configuration

General Settings:

Enable: Set Yes/No
Minify Html Output: Set Yes/No
Enabled Parallax Js: Set Yes/No
Enabled Colorbox Popup JS: Set Yes/No
Enabled Fancybox Popup JS: Set Yes/No
Enabled Bootstrap 24 Columns: Set Yes/No
Load bootstrap 24 columns for backend of pagebuilder and element builder to build layout with maximum 24 columns.

Enabled Image Holder Js: Set Yes/No
Auto Backup Page Builder Profile: Set Yes/No
Allow auto backup page builder profile to Json file store in the folder “var/cache/vespagebuilder/”

Enabled Preview Element Profile: Set Yes/No

Expired Page Settings:
+ Redirect to URL: Input URL to redirect when the page expired visible date. Empty to hide.

+ Load CMS Block:

Select a CMS static block to display when the page profile expired visible date. Default not choose.

Coming soon Page Settings:
+ Redirect to URL:


+ Load CMS Block:

Private Page Settings (Certain Customer Group)
+ Redirect to URL
+ Enable Login Form
+ Load CMS Block

3. Config Live CSS Editor Settings

Go to Admin > Ves PageBuilder > Live CSS Tool > Configuration

Enable Live Css Tool: Enable/disable

After all, click “Save” to save your configuration

Finally, “Clear Cache & Refresh Page” to get new changes.

These all steps which help you “How to Config Magento 2 Page Builder Easily & Quickly” in our series Magento 2 Page Builder Tutorials. If you have any question, please feel free to contact us.

MAGENTO 2 PAGE BUILDER TUTORIALs

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

Nhu Quynh

Recent Posts

Top 5 Best Amazon Repricers with Inventory Management Integration for Maximum Profits

Amazon repricers with inventory management integration are essential tools for sellers who want to stay…

6 days ago

7 Powerful Ways Humanized AI Product Descriptions Boost Magento Store Conversions

Shoppers want language that feels natural, stirs curiosity, and helps them imagine how a product…

1 week ago

10 Best AI Software Development Companies to Watch in 2025

This article highlights the topmost AI software development companies redefining the AI landscape in 2025.…

2 weeks ago

Beyond the Plugin: Building Powerful Next-Generation B2B eCommerce With AI

For a long time, B2B eCommerce meant clunky interfaces and static catalogs. Businesses relied on…

2 weeks ago

Data-Driven Personalization Magento: How AI Dramatically Enhances Extensions

Generic online stores fail to convert visitors. They offer the same experience to every individual.…

3 weeks ago

Top 10 Extensions Every SEO Expert Must Use in 2025

If you’ve been in the SEO game for more than five minutes, you know one…

3 weeks ago