Magento>How Magento Page Builder Is Beneficial For Greater ROI
Magento.5 MIN READ.March 25, 2022
How Magento Page Builder Is Beneficial For Greater ROI
Being an online merchant, you would like to create an eye-catching website page. If you use an eCommerce platform such as Magento, you must be aware of the Magento 2.4.3 launch. With this launch, Magento introduced the Page Builder feature, which was a boon to online sellers.
Magento Page Builder is for both technical and non-technical people. Any merchant can create a beautiful layout of its website with the basic knowledge of page layouts.
Magento Page Builder
Page Builder was first seen in the Magento Commerce 2.3.1. It provides advanced content management functionality to the store admin. The admin does not require any CSS or HTML knowledge to create custom page layouts. With an easy drag and drop pre-built control, a user can create a personalized Magento page.
Administrators may simply design and customize rich-content pages in Magento Commerce by utilizing the built-in Page Builder. Simple pages, Catalog content, or Blocks with a user-friendly interface, unique layouts, and visual content features can be built.
In nutshell, Page Builder is a Magento Extension for creating content with the pre-built controls in form of drag and drop functionality.
The pre-built controls are categorized into four types:
Let’s dive into deep the Page builder panel and get familiar with all the functionalities available for the admin.
Magento 2 Page Builder Panel
To begin creating content, it is important that Magento 2 CMS page builder must be enabled on your website. Open the Page Builder Workspace by visiting the “Edit With Page Builder” button, where, in the left corner of the workspace you can visit the Page Builder Panel.
The pre-built controls are also known as “content-type”. Let’s understand each content type thoroughly.
The layout option gives rows, columns, and tab features to drag and drop from the panel to the stage.
A new row may only be added to the stage by dragging it from the panel and positioning it above or below the existing row, tab, or column group. You may also create a copy of the original row by selecting Duplicate.
Drag a column to the stage from the panel, or to tabs and rows. The maximum number of columns is only determined by the number of grid divisions.
Admin can drag a single tab from the panel to the stage, or to rows and columns. One can add additional tabs if required from the toolbox.
From the Elements section, you may add text, dividers, buttons, headings, and HTML code to the stage.
Text: The stage can have a text container and an editor.
Heading: The stage can have a heading container.
Buttons: Adds a container to the stage for either a single button or a collection of buttons.
Divider: The stage will have a container for a divider.
HTML code: The stage will have a container for HTML code.
Add pictures, banners, videos, Google Maps, and sliders to any layout container on the Page Builder stage using the Media section of the Page Builder panel. When a media content type is moved from the panel to the stage, a container with a toolbox of content-specific choices appears.
Image: Allows admin to add image container to the stage.
Banner: Allows admin to add a banner container to the stage.
Video: Allows admin to add video container to the stage.
Google Maps: Allows admin to add map container to the stage.
Slider: Allows admin to add slider container to the stage.
To add the existing content to the page builder stage, the “Add Content” section is required.
Block: Add an existing block from the panel to the stage.
Dynamic Block: Add an existing dynamic block from the panel to the stage.
Products: Add a list of products from the panel to the stage.
Product Recommendations: Add a list of product recommendations from the panel to the stage.
Dotdigital form: Admin can add engagement cloud from the panel to the stage.
Outstanding Features of the Magento 2 Page Builder
There are many advanced features of Magento Commerce Page Builder that a user can use for creating an engaging content layout.
CMS pages, categories, and products all are supported by full-page layouts.
Live previews and real-time editing option helps to see how content will appear at the frontend.
Page creation by drag-and-drop functionality.
A diverse range of content types is available.
Device friendly, as it allows to preview the content on Desktop and Mobile.
Available advanced content tools like border, border color, border-radius, border width, alignment, margins, paddings, and CSS classes.
How to Set-up Magento 2 CMS Page Builder
Don’t get confused by Magento 2 CMS Page Builder or Magento Page Builder, both keywords imply the same. CMS stands for Content Management System.
If you use Magento to sell your products online, Page Builder Extension is beneficial for you. To enable the set-up, follow the given points.
Note: Your existing Magento should be upgraded to the Magento 2.4.3 version. To upgrade your Magento, consult the Ksolves here!
When you enable One Page Builder in the setup, it will become the standard content creation tool for Blocks, Dynamic Blocks, and CMS Pages. Furthermore, the “Enable Advanced CMS” button makes Page Builder an opportunity for Categories and Products. Admin can also choose the default page layout for CMS pages, products, and categories.
For Advanced Content Tools, consult with the Ksolves team for smooth settings.
Page Builder Configuration
You will require to configure the Magento 2.4 page builder. Follow the given instructions thoroughly.
1. On the Admin Panel, navigate to Stores > Settings > Configuration.
2. Choose Content Management from the General in the left panel.
3. Go to Advanced Content Tools and ensure that Enable Page Builder is switched to ‘YES’.
4. To set up Google Maps, follow the given points:
Follow the Get API Key steps if necessary to copy and paste the Google Maps API Key.
Parul GautamParul Gautam is a Sr. Technical Writer who believes in bridging the gap between customers and Technologies. She can convert the aura of any Technology into Powerful Words. One time she can Jot Down her words and at the other, she will Tap on the Beats of Great Music. To Taste the Recipe of her Writing, hang on to the great Blogs.