README

Must-have improvements for the built-in Magento PageBuilder module.

Installation

composer require melios/page-builder
bin/magento module:enable Melios_PageBuilder --clear-static-content
bin/magento melios:tailwind:download # required for tailwindcss support

Highlights

• Tailwind CSS inside Magento PageBuilder!
• CodeMirror editor used for HTML content elements and for CSS class fields.
• HTML/JS/CSS code formatter using Prettier.
• Live preview automatically reloads the browser tab when Quick-save is used — Pro edition only
• Better Widgets support
• Nested Columns — Pro edition only
• AI assistant — Pro edition only
• Premium Elements — Pro edition only
• Hotkeys
  • Alt+0 to activate pagebuilder immediately.
  • Ctr+C, Ctrl+V to copy/paste whole pagebuilder content.
  • Ctr+C, Ctrl+V to copy/paste selected pagebuilder elements — Pro edition only
  • Ctr+S to save contents without leaving the editor — Pro edition only
• Image enhancements
  • Allow uploading WEBP and AVIF images.
  • Added ability to lazy load the image or background image.
  • Added ability to preload the image or background image — Pro edition only
  • Added dimensions with autofill feature.
  • Added fetchpriority attribute.
• Added ability to use Gap property for columns component.
• Double click to edit hovered element.

View videos, screenshots, and documentation at meliosbuilder.com