Goomento - The Free Magento Page Builder Extension, allows you to create unique Magento websites, landing pages using advanced animations, custom CSS, responsive designs, and more, without a line of code.

Goomento is a Free Magento Page Builder Extension that allows you to efficiently set up your website by simply dragging and dropping manipulation. Notably, it can reuse your previous content from current or other websites to customize and redesign with your new creativity. All this process has an absence of coding involvement and configures instantly.

Table of contents

Installation

Version Compatible

Demo

Setup

Why Us

Widgets

How To Use

Custom Templates

Change Log

Document And User Guide

Troubleshoot

Open An Issue And Contribution

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

1. Create Landing Pages, Blocks, Templates in the admin area Goomento > Pages & Landing Pages.

2. Add Blocks, Pages to layout, using the same identifier as in the admin area 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>

3. Add Blocks, Pages to template, use this snippet in the template .phtml file

<?= $block->getLayout()
    ->getBlock('PageBuilderRenderer')
    ->setIdentifier('your-content-identifier')
    ->toHtml(); ?>

Demo site

Editor: https://goomento.com

Custom Templates

Goomento also allows to make a taylor styling of widget, hence will be a good fit to your theme, to do that, create directories inside your theme files that will contain the custom resources with the following structure.

app/design/frontend/<Vendor>/
├── <theme>/
│   ├── Goomento_PageBuilder/
│   │   ├── templates
│   │   │   ├── widgets
│   │   │   │   ├── <widget.phtml>
│   │   │── web
│   │   │   ├── css
│   │   │   │   ├── widgets
│   │   │   │   │   ├── <widget.less>
│   │   │   ├── js
│   │   │   │   ├── widgets
│   │   │   │   │   ├── <widget.js>

• <widget.phtml> is .phtml file - which copied from templates directory.

• <widget.less> is .less file - which copied from css directory.

• <widget.js> is .js file - which copied from js directory.

• For configurable of widget, check out this widget directory

Version Compatible

Magento Community Edition (CE): 2.3.x, 2.4.0 - 2.4.5*

Magento Enterprise Edition (EE): 2.3.x, 2.4.0 - 2.4.5*

Open An Issue And Contribution

Feel free to Open an Issue, Fork and Create Pull Request (PR) on GitHub

For opening an issue, click here.