RinPT / 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.

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.

Goomento is built for designers, developers and marketers, who want to optimize the process of creating and managing the Magento store.

Table of contents

Installation

Version Compatible

Demo

Setup

Why Us

Free Built-in 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_PageBuilder
php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy

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">home-page-identifier</argument>
    </arguments>
</block>

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

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

Demo site

Storefront: 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, these files will render HTML of widget.

• <widget.less> is .less file - which copied from css directory, these files will render the widget styling.

• <widget.js> is .js file - which copied from js directory, these files bind JavaScript to widget.

• For configurable of widget, check out this Goomento/PageBuilder/Builder/Widgets

Version Compatible

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

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

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.

Each issue needs more detail for easily to produce, then please provide

• Goomento version, which is installed on your website.
• Your Magento Version, can be revealed by running this command bin/magento --version.
• Description of issue in detail.
• Browser console log (if capable).