# MJML Grapesjs - Email Builder

**URL:** <https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076>\
**Category:** 3rd Party Addons\
**Created:** [February 25, 2020, 11:52pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076 "2020-02-25T23:52:58Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![tornmarketing](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/tornmarketing/32/11603_2.png) [@tornmarketing](https://forum.mautic.org/u/tornmarketing)\
**Post date:** [February 25, 2020, 11:52pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/1 "2020-02-25T23:52:58Z")

</div>

What do we need to do to finalise the MJML builder?  
If we wanted this up next week, what is our stopgap solution rather than waiting for M3.1  
How many hours would it take to get us there?

I was about to post on Upwork to build out an instance of grapesjs-mjml with a client interface so I could continue with other projects, but would rather it be within Mautic.

> **[ddanninger/mautic-plugin-grapesbuilder](https://github.com/ddanninger/mautic-plugin-grapesbuilder)**
>
> Grapesjs integration for Mautic. Contribute to ddanninger/mautic-plugin-grapesbuilder development by creating an account on GitHub.

  

> **[mtcextendee/mautic-grapejs-bundle](https://github.com/mtcextendee/mautic-grapejs-bundle)**
>
> GrapeJS integration for Mautic. Contribute to mtcextendee/mautic-grapejs-bundle development by creating an account on GitHub.

  

> <https://github.com/mautic/mautic/issues/7360>
>
> Description
> This issue is meant to get information and inspirations for the new email builder we plan with Mautic 3 and the...

Keen to get something like this up in Mautic  
Ability to build in Grapesjs or MJML with the ability to export in email templates HTML for clients sending emails in other platforms with assets ran out of ours.

[https://grapesjs.com/demo-mjml.html](https://grapesjs.com/demo-mjml.html)

> **[artf/grapesjs-mjml](https://github.com/artf/grapesjs-mjml)**
>
> Newsletter Builder with MJML components in GrapesJS - artf/grapesjs-mjml

---

<div class="post-metadata">

**Author:** ![EJL](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ejl/32/12155_2.png) [@EJL](https://forum.mautic.org/u/EJL)\
**Post date:** [October 22, 2020, 1:29pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/2 "2020-10-22T13:29:23Z")

</div>

Bump!  
Mautic 3.1 is here. Is there anything that can be done to get a current status on this and next steps?

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [October 22, 2020, 1:44pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/3 "2020-10-22T13:44:51Z")

</div>

Thanks for bumping this.

> **[Webmecanik/plugin-grapesjs-builder](https://github.com/Webmecanik/plugin-grapesjs-builder)**
>
> GrapeJS HTML and MJML integration for Mautic. Contribute to Webmecanik/plugin-grapesjs-builder development by creating an account on GitHub.

I installed this one and it has some small bugs, that prevents it from going to production.  
For example image upload:

> <https://github.com/Webmecanik/plugin-grapesjs-builder/issues/7>
>
> inside the pagebuilder when I click upload image i get the window to navigate to the image but when i click...

I’m also curious how could it be done?

---

<div class="post-metadata">

**Author:** ![EJL](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ejl/32/12155_2.png) [@EJL](https://forum.mautic.org/u/EJL)\
**Post date:** [October 25, 2020, 11:31am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/4 "2020-10-25T11:31:46Z")

</div>

Curios about this announcement @npracht

> <https://github.com/mautic/mautic/issues/7360#issuecomment-709299069>
>
> Description
> This issue is meant to get information and inspirations for the new email builder we plan with Mautic 3 and the...

Maybe we should invite some people from here to join us on the forum to discuss? @joeyk

> **[artf/grapesjs](https://github.com/artf/grapesjs)**
>
> Free and Open source Web Builder Framework. Next generation tool for building templates without coding - artf/grapesjs

---

<div class="post-metadata">

**Author:** ![tornmarketing](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/tornmarketing/32/11603_2.png) [@tornmarketing](https://forum.mautic.org/u/tornmarketing)\
**Post date:** [January 22, 2021, 10:35am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/5 "2021-01-22T10:35:06Z")

</div>

New page and email builder plugin based on grapes.js builder [#9412](https://github.com/mautic/mautic/pull/9412)

> <https://github.com/mautic/mautic/pull/9412/files>

Slack Mautic Channel for the project discussion  
#i-builders

---

<div class="post-metadata">

**Author:** ![jaypatel5213](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jaypatel5213/32/4612_2.png) [@jaypatel5213](https://forum.mautic.org/u/jaypatel5213)\
**Post date:** [March 10, 2021, 1:53pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/6 "2021-03-10T13:53:45Z")

</div>

Hey Team…  
I was grapesjs plugin enable resently but how to use it.  
Can any one explain me. If possible please share screen short…

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [March 10, 2021, 2:25pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/7 "2021-03-10T14:25:48Z")

</div>

Hi, it is drag and drop Builder.  
What exactly you would like to know?  
Joey

---

<div class="post-metadata">

**Author:** ![jaypatel5213](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jaypatel5213/32/4612_2.png) [@jaypatel5213](https://forum.mautic.org/u/jaypatel5213)\
**Post date:** [March 11, 2021, 2:11am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/8 "2021-03-11T02:11:11Z")

</div>

Thanks for reply…  
I was used grapejs but don’t know how to use in Mautic.

---

<div class="post-metadata">

**Author:** ![ekatronik](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/ekatronik/32/120_2.png) [@ekatronik](https://forum.mautic.org/u/ekatronik)\
**Post date:** [March 11, 2021, 4:46am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/9 "2021-03-11T04:46:22Z")

</div>

Hi…

grapejs is drag and drop for email and page builder.

after you enable that plugin on mautic.  
you can create new email or new landing page, and go to builder.  
you will see grapejs page with builder…

---

<div class="post-metadata">

**Author:** ![jaypatel5213](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jaypatel5213/32/4612_2.png) [@jaypatel5213](https://forum.mautic.org/u/jaypatel5213)\
**Post date:** [March 12, 2021, 2:35am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/10 "2021-03-12T02:35:32Z")

</div>

Thanks bro…  
I was checked in existing mail.  
When i select new mail its work thank you very much…

---

<div class="post-metadata">

**Author:** ![jaypatel5213](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jaypatel5213/32/4612_2.png) [@jaypatel5213](https://forum.mautic.org/u/jaypatel5213)\
**Post date:** [March 12, 2021, 2:36am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/11 "2021-03-12T02:36:44Z")

</div>

Any idea where yo find new mail templates…

---

<div class="post-metadata">

**Author:** ![jaypatel5213](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/jaypatel5213/32/4612_2.png) [@jaypatel5213](https://forum.mautic.org/u/jaypatel5213)\
**Post date:** [March 12, 2021, 6:25am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/12 "2021-03-12T06:25:07Z")

</div>

Grapesjs Work fine but what I Upload images from my desktop then not showing and when I using URL then showing images.  
What do I do?

---

<div class="post-metadata">

**Author:** ![silavapi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/silavapi/32/7424_2.png) [@silavapi](https://forum.mautic.org/u/silavapi)\
**Post date:** [March 12, 2021, 10:12am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/13 "2021-03-12T10:12:17Z")

</div>

Please add an issue [here](https://github.com/mautic/plugin-grapesjs-builder/issues) and make sure that you add as much detail as possible about your setup and if possible a screencast of the issue!

---

<div class="post-metadata">

**Author:** ![silavapi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/silavapi/32/7424_2.png) [@silavapi](https://forum.mautic.org/u/silavapi)\
**Post date:** [March 12, 2021, 10:14am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/14 "2021-03-12T10:14:38Z")

</div>

There are not many MJML themes yet - we have three email themes that are shipping with Mautic and the blank theme. We have some more landing pages that are being prepared which will ship with Mautic 4 when the plugin will come out of Release Candidate into General Availability.

If you want to use existing themes just [read the docs](https://docs.mautic.org/en/builders) and add the line to the config file.

---

<div class="post-metadata">

**Author:** ![mrbock](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mrbock/32/5849_2.png) [@mrbock](https://forum.mautic.org/u/mrbock)\
**Post date:** [March 12, 2021, 10:34am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/15 "2021-03-12T10:34:43Z")

</div>

This is the DIRECT LINK to that: [GitHub - mautic/plugin-grapesjs-builder: GrapesJS HTML and MJML integration for Mautic](https://github.com/mautic/plugin-grapesjs-builder#existing-templates)

I added the line to a template I created and it works like a charm.

---

<div class="post-metadata">

**Author:** ![silavapi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/silavapi/32/7424_2.png) [@silavapi](https://forum.mautic.org/u/silavapi)\
**Post date:** [March 12, 2021, 10:37am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/16 "2021-03-12T10:37:06Z")

</div>

> **[Email & Landing Page Builder](https://docs.mautic.org/en/builders#templates)**
>
> Introduction. Since Mautic 3.3, Mautic has shipped with an updated, modern builder for creating emails and landing pages. It is available as a beta release an optional plugin - until Mautic 4.0 where we plan to fully replace the legacy builder,...

Sorry, here is the direct link in the docs if people would prefer not to read through the rest of the page 😉

---

<div class="post-metadata">

**Author:** ![biggala2310](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/biggala2310/32/694_2.png) [@biggala2310](https://forum.mautic.org/u/biggala2310)\
**Post date:** [March 11, 2022, 12:00am UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/17 "2022-03-11T00:00:57Z")

</div>

Today’s evening I spend my time on trials making responsive email in Mautic 4.2 It’s really difficult task. I read MJML project documentation and project leader opinions. IMHO MJML editor was good idea maybe to 2015, but isn’t on 2022.

Why?  
MJML restricts many functions to display well on old Outlooks - but now Outlook makes up small percentage of the market, and for Outlook clients marketers have link to browser. This doesn’t allow marketers to use a lot od great and responsive(!) functions like width in percentage for images in emails and more. Making emails for Outlook 2003 in 2022 have no sense. It’s like creating new websites for old version Internet Explorer. Unnecessary restriction. Mobile and Gmail are the most important.

---

<div class="post-metadata">

**Author:** ![joeyk](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/joeyk/32/11164_2.png) [@joeyk](https://forum.mautic.org/u/joeyk)\
**Post date:** [March 15, 2022, 3:38pm UTC](https://forum.mautic.org/t/mjml-grapesjs-email-builder/13076/18 "2022-03-15T15:38:39Z")

</div>

You can use width 30% for columns and place an image in it. Would that work?
