How to Install Magento 2 Page Builder & Sample Data | Landofcoder tutorials

What are you waiting for an extension? Cost-saving? No code required? Well-design? or Time-saving? Surprisingly, Magento 2 Page Builder extension contains all of these expectations. Besides, the module is so extremely effective that aids to build Magento 2 themes faster and easier than ever. Before guiding how to install Magento 2 Page Builder module, please let’s look at features below to get a deeper understanding of how it works.

Outstanding Features:

  • Time & Money Saving
  • Drag & Drop Interface
  • Work with any Magento Themes
  • 50+ Widgets Supported
  • Responsive Design Options
  • Full amazing controls
  • Create Unlimited Layouts
  • Block Builder
  • Bootstrap Grid View System
  • Easy To extend with 3rd Party extensions
  • Cms Page Builder
  • CSS Skin Builder
  • Schedule Time To Display Your Page on Frontend
  • Enhance page load time incredibly
  • Live Preview For Easier Editing

I. Install Magento 2 Page Builder Extension with Command line

In order to install Magento 2 Page Builder, you must Install Magento 2 Framework first. Then you will go to Landofcoder to purchase and get file download package in “My Downloadable Product” in your account.

Firstly, please watch this tutorial video below:

Within a few minutes, Magento 2 Page Builder Extension will be installed by following these steps:

  • Step 1: Purchase/Download Extension
  • Step 2: Unzip The file in a temporary directory
  • Step 3:Upload Content of Page Builder Installation Package to your Store root folder via FTP
  • Step 4: Run Command line in SSH terminal

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
php bin/magento indexer:reindex
php bin/magento cache:clean

Go to Magento 2 Store and Login Dashboard & View it on Admin

II. Install Magento 2 Page Builder Sample Datas

The Ves Page Builder Magento 2 Extension includes Sample Pages & Block Profile in the module package. To avoid any unwanted errors, you can download & install the latest version of Magento 2 Page Builder on Landofcoder Site or Venustheme.

Here are 4 kinds of Demo sample Page Profiles:

http://demo4coder.com/m2/demo-homepage-01/
http://demo4coder.com/m2/demo-homepage-02/
http://demo4coder.com/m2/demo-homepage-03/
http://demo4coder.com/m2/demo-homepage-04

To Install Magento 2 Page Builder Sample Datas, you should follow these below steps:

Step 1:

Extract Magento 2 Page Builder Package, then you will see Sample Data Files
“Ves_Pagesbuilder_Sample_Magento2.zip”

Step 2:

Go to Admin > Venustheme > Setup > Import, then browse the sample JSON profile and click on button Import configuration.

* Note: If upload file size is over, you can make the change folder Upload size by :

Xampp -> Apache -> Config (left click) -> PHP (php.ini)

And Find max_size, update size as you want then “Save file”

Step 3:

Upload folders: app/ and pub/ of sample profile into webroot folder of your site to override 2 folders in your site. (This will add sample css files and sample media images which we used in our sample data).

 

Step 4:Â

Clean cache of your site. View the page: http://your domain/demo-homepage-01/

*Note: If the page not show the pages builder profile, you should edit page profiles in admin > Ves Pages Builder > Manage Page Profiles. Then check there CMS Static Block widgets were loaded correctly cms block items or not? (Because our sample profiles are using cms static blocks with name prefix “venus”)

Now, you did Install Magento 2 Page Builder & Sample Data successfully. Hope you can use our Magento 2 Page Builder easily.

MAGENTO 2 PAGE BUILDER TUTORIAL

SOME OTHER EXTENSIONS YOU MAYBE INTERESTED IN

RELATED POSTS

Thanh Ngan

Recent Posts

[SALE OFF] Discount 30% All Premium Extensions On Christmas And New Year 2025

Celebrate Christmas and New Year 2025 with our biggest sale of the year! The holiday…

1 day ago

How To Optimize Your WordPress Website For Better Speed And Performance In 2025?

If you want to optimize your WordPress website, you first need to understand why it…

1 day ago

Salesforce Mobile App Customization and Personalization For Business: A Complete Guide

Salesforce is a strong tool that enables businesses to control processes, customer relations, as well…

3 weeks ago

Latest Mobile App Design Trends That You Should Consider | 2025 Updated

By 2025, the latest mobile app design trends are expected to generate $270 billion from…

4 weeks ago

15+ Must-have Magento 2 Free Extensions To Supercharge Your Store | 2025 Updated

Magento 2 is an incredibly flexible and powerful eCommerce platform that can be tailored to…

1 month ago

Black Friday 2024: Hot Deals Collection For Magento 2

Black Friday and Cyber Monday – BFCM 2024 are nearly around the corner, and it’s…

1 month ago