PageBuilder
Goomento - The Free Magento Page Builder Extension, that allows you to create unique Magento websites using advanced animations, custom CSS, responsive designs, and more, by performing simple actions such as drag and drop.
Install / Use
/learn @Goomento/PageBuilderREADME

🚀 Goomento PageBuilder for Magento 2
A lightweight, blazing-fast Magento 2 Page Builder extension that lets you build fully responsive, professional storefronts with an intuitive drag-and-drop interface. Whether you’re a Magento developer, agency, or merchant — Goomento helps you create beautiful pages without touching a line of code.
- ✅ 100% visual editor match — what you see is exactly what shows on the storefront
- ⚡ Super lightweight & blazing-fast Magento 2 Page Builder
- 🧱 Drag-and-drop builder for landing pages, banners, and custom blocks
- 🎨 Full control: custom HTML, CSS, animations & responsive design
- 🔍 SEO-friendly, mobile-first, and optimized for performance
- 🧩 Works out of the box with Luma, Porto, Fastest & more Magento 2 themes
- 💯 Free, open-source, and developer-friendly — no locked features
Table of contents
Goomento vs Magento Page Builder
Goomento - Magento Form Builder
Install Goomento
Run the following command in Magento 2 root folder:
composer require goomento/module-page-builder
php bin/magento module:enable Goomento_Core Goomento_PageBuilder
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy
Enable these caches in Production mode for best performance at System > Tools > Cache Management
Pagebuilder Frontend: Uses for frontend display, preview HTML ...
Pagebuilder Backend: Uses for registered controls data of widgets, system variables ...
Setup
Create Landing Page (no coding)
To create Magento Landing Pages go to Magento Backend > Goomento > Pages & Landing Pages
This will create your landing page, which will be accessible via the storefront. No further action required.
Embed Landing Page, Blocks, Pages to layout (requires coding)
To add Blocks, Pages to layout, using the your-content-identifier
identifier at Magento Backend > Goomento > Sections to the layout .xml file.
<block class="PageBuilderRenderer" name="unique-block-name">
<arguments>
<argument name="identifier" xsi:type="string">your-content-identifier</argument>
</arguments>
</block>
or template .phtml file
<?= $block->getLayout()
->getBlock('PageBuilderRenderer')
->setIdentifier('your-content-identifier')
->toHtml(); ?>
- To export the template, click to
Exportbutton at each page builder content - To import the template, go to
Magento Backend > Goomento > Importer
See more at wiki page
Version Compatible
| Magento Version | 2.3.x | 2.4.0 - 2.4.5-p3 | 2.4.6-x | 2.4.7-x | 2.4.8-x | |:------------------------|:------|:-----------------|:--------|---------|---------| | Community Edition (CE) | ✅ | ✅ | ✅ | ✅ | ☑️ | | Enterprise Edition (EE) | ✅ | ✅ | ✅ | ✅ | ☑️ |
Themes Compatible
Currently, Goomento doesn't fully support headless/PWA solutions such as Venia and Hyvä. Other themes such as Luma, Porto, Fastest ... are the best fit. We will soon adapt to all kind of themes.
| Theme Name | Compatible | |:-------------|:-----------| | Blank + Luma | ✅ | | Hyvä | ❌ | | PWA Themes | ❌ | | Porto | ✅ | | Fastest | ✅ | | Market | ✅ | | Other Themes | ✅ |
Related Skills
diffs
343.3kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.9kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
HappyColorBlend
HappyColorBlendVibe Project Guidelines Project Overview HappyColorBlendVibe is a Figma plugin for color palette generation with advanced tint/shade blending capabilities. It allows designers to
