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 Powerful Visitor Check-in Kiosk Software Solutions in 2025

The way businesses manage visitors has changed a lot in recent years. From front desks…

7 hours ago

Powerful Ways Managed IT Services and Video SEO Supercharge eCommerce Performance & Engagement

Managed IT Services and Video SEO are two powerful strategies that can transform your eCommerce…

7 hours ago

6 Smart Strategies High-Performing Brands Use to Succeed in a Digital Marketing Campaign

Today’s digital landscape is more dynamic and competitive than ever, with countless brands trying to…

2 weeks ago

7 WooCommerce Menu Cart Features That Boost Sales and Improve Checkout

Running an online store takes more than just having nice products because the way your…

2 weeks ago

10 Ways Tech Candidates Can Make Their Strengths Obvious to Hiring Managers

Can Make Their Strengths Obvious – this is what every tech candidate and developer must…

2 weeks ago

Why WooCommerce Testing Is Crucial for eCommerce Success in 2025

In the fast-paced world of eCommerce, ensuring your online store operates seamlessly is no longer…

3 weeks ago