Thursday , April 18 2024
Home > Magento Tips & News > Magento 2 Tutorials > Content > How to Enable and Disable Page Builder in Magento 2

How to Enable and Disable Page Builder in Magento 2

how to enable and disable page builder in magento
How to enable and disable Page Builder in Magento 2
* For more useful tutorials on Magento Page Builder, here’s where to go.

Page Builder has been available in Magento 2 Commerce since version 2.3.1. Until August 2021, this functionality started from version 2.4.3 of Magento Open Source Edition. Page Builder in Magento is the default advanced content creation tool for CMS pages, blocks, and dynamic blocks. 

If your store has been updated to Magento 2.4.3 or the higher version, you must configure and enable Page Builder in Magento before creating rich-content pages or blocks. Or, after upgrading your site to this version, you have some page builder issues or prefer the traditional WYSIWYG editor rather than Page Builder. That’s when you want to disable the page builder in Magento 2.

So, read this article, and you can find the how-to.

Enable Page Builder in Magento 2

To enable Page Builder in Magento 2, go to Stores ConfigurationGeneralContent ManagementAdvanced Content Tools, then choose Yes for Enable Page Builder.

Below are detailed instructions to do it.

  1. From the admin sidebar, navigate to Stores → Settings → Configuration.
disable page builder in magento 2
  1. Under General in the left panel, select Content Management.
  1. Now we need to focus on the Advanced Content Tools section because Magento Page Builder settings are in this section.
advanced content tools disable page builder in magento 2
Image: Magento 2 Page Builder Configuration – Magento 2 Enable Page Builder
  • Enable Page Builder: Select Yes to include Page Builder to design your page layouts and add other content in your Magento stores, such as product and category data, CMS content, and Blocks. In addition, Page Builder appears as an input type for product attributes. 
magento 2 page builder enable
Image: Enable Page Builder in Magento 2 
Build a landing page for diverse industries with Magento Page Builder:
How to Build a Restaurant Landing Page With Magento Page Builder
Coffee Shop Landing Page: Easy to Create With Magento Page Builder
How to Create a Product Landing Page in Magento 2 (Step By Step)

Let me show you.

  • Page Builder in page layouts:
enable page builder in magento 2 page layouts
Image: Enable Page Builder in Magento 2 page layouts
  • Page Builder in product edit/creation page:
enable page builder in magento 2 product edit and creation page
Image: Enable Page Builder in Magento 2 product edit/creation page
  • Page Builder in category edit/creation pages:
enable page builder in magento 2 category edit and creation page
Image: Enable Page Builder in Magento 2 category edit/creation page
  • Page Builder in block edit/creation pages:
enable page builder in magento 2 block edit and creation page
Image: Enable Page Builder in Magento 2 block edit/creation page
  • Page Builder as an input type for product attributes:
enable page builder in magento 2 product attributes
enable page builder in magento 2 product attributes 2
Image: Enable Page Builder in Magento 2 product attributes

Try FREE Magezon Page Builder!

Easily create beautiful, engaging Magento websites the way you want without relying on developers or designers. Just by drag & drop.

Disable Page Builder in Magento 2

To disable Magento Page Builder, go to Stores ConfigurationGeneralContent ManagementAdvanced Content Tools, then select No for Enable Page Builder.

This setting will change your backend and storefront. Specifically, Page Builder’s advanced content tools will be removed from the text fields assigned to them. Instead, a basic text editor will be a replacement. 

how to turn off page builder in magento 2

When you disable Page Builder in Magento 2, this content reformatting may cause display errors on your front end. Also, you are not able to edit some content from the Admin. So be cautious.

turn off page builder in magento 2

Configure Other Magento Page Builder Settings

  • Enable Page Builder Content Preview: Choose Yes to preview Page Builder content on the product and category edit pages. 
enable page builder content preview

If loading the preview causes performance issues, you should disable the preview by choosing No.

  • Google Maps API Key: You need an API key from the Google Maps platform first if you want to set up Google Maps. As a result, you can easily add a Google map to a block and then include that block to any desired pages like the Contact Us and About Us pages. 
google maps api key

Note: To get the API key, refer to Create the Google Maps API Key for detailed instructions. After that, copy and paste your Google Maps API in this configuration field. 

  • Google Maps Styles: If you want to change the appearance of the Map content type, paste the Google Maps style JSON code in this field. This code is created by the Google Maps API Styling Wizard
google maps style
  • Default Column Grid Size: Set the default number of columns that appear in the grid (Image 1). By default, the number of columns in the Page Builder column grid is 12 (Image 2). To be able to enter the number, unmark the checkbox named Use system value first.
default column grid size
Image 1: Default Column Grid Size
default column grid size in the page builder workspace
Image 2: Default Column Grid Size in the Page Builder workspace
  • Maximum Column Grid Size: Set the maximum number of columns available in the Magento 2 Page Builder grid. To be able to enter the number, unmark the checkbox named Use system value first.
maximum column grid size 1

Suppose that the default number of columns is set to 12 and the largest number of columns is set to 16. 

  • When creating a page layout, you want to change that maximum column grid size to 15, which is absolutely possible. (*)
  • But if you want to adjust it to 17, then the notification “The maximum grid size supported is 16” reminds you that you can’t perform the action.
  • Note that the minimum grid size supported is 2. 

The image below is illustrated for (*).

maximum column grid size 2

Magento Page Builder is ideal for store owners with limited budgets, requiring only simple, free pages. For those who have worked in a Magento-based platform for a while and demand a fully-functional website with appealing effects, the default Magento Page Builder can’t keep up with their demand.

If you’re among those store owners, you must seek to extend and customize the functionality of Page Builder. On the other hand, if you are not a tech-savvy person and don’t know anybody proficient in programming, then Magezon Page Builder with more than 50 elements is highly recommended. So, what’s new in Magezon Page Builder? Let’s take a quick tour around Magezon Page Builder to explore its features and make an informed decision.

Great News:
For some time to come, we will have released a completely new version of our Page Builder. Not simply providing enhancements or bug fixes as you might think, the new version using JavaScript language offers many advanced features related to Builder, Design Options, and Workflow. This helps you optimize your page creation process and bring your website to the next level.
Interested in the new version of Magezon Page Builder? So, this is the reading checklist you’d want to dig deeper into.

That’s a Wrap

We’ve learned how to configure, enable and disable Page Builder in Magento 2. You must be more confident to swing it into action, I bet. Let us know if you have any issues.

Try FREE Magezon Page Builder!

Easily create beautiful, engaging Magento websites the way you want without relying on developers or designers. Just by drag & drop.

About Nga Dong

Nga Dong
A content writer and marketer in Magezon

Check Also

How to Create a Halloween Landing Page in Magento

It’s Halloween today. We’re gonna show you how to create a Halloween landing page using …

Leave a Reply