# The next step for the email and landingpage builder

**URL:** <https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827>\
**Category:** General Discussion\
**Tags:** discussion, development\
**Created:** [February 25, 2022, 6:48am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827 "2022-02-25T06:48:13Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\
**Post date:** [February 25, 2022, 6:48am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/1 "2022-02-25T06:48:13Z")

</div>

After we had our first release of Grapesjs email and landingpage builder last year we think it is about time to ask the question of what is the most important features for the community right now. Before we take this discussion to Github we like to brainstorm on the most missing features for grapesjs. Please also keep in mind our [Issues](https://github.com/mautic/mautic/issues?q=is%3Aopen+is%3Aissue+label%3Abuilder-grapesjs).

Please add your features in the comment.

---

<div class="post-metadata">

**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\
**Post date:** [February 25, 2022, 7:01am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/2 "2022-02-25T07:01:12Z")

</div>

For reference and as inspiration I updated the [feature list or the initial release](https://miro.com/app/board/o9J_larqoTY=/). I marked all issues with a thumbs up that I think are done or no longer relevant.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/0/0fe1c2b12fe8dab025c6b4ed87f00cc5fb09cdb8.jpeg)

---

<div class="post-metadata">

**Author:** ![tobsowo](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/tobsowo/32/3096_2.png) [@tobsowo](https://forum.mautic.org/u/tobsowo)\
**Post date:** [February 25, 2022, 8:35am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/3 "2022-02-25T08:35:08Z")

</div>

What about the ability to view email on the web version. A case scenario, I use Telegram Gmail Norwich means that I can quickly read my mail as chat but there are mail that might have some visual elements I will not be able to see unless I use my mail app having a link at the top that “view on web” will help me do that and also except I click on a link in the email, Mautic can’t track if open the email or not.

---

<div class="post-metadata">

**Author:** ![smc\_iris](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/smc_iris/32/6888_2.png) [@smc\_iris](https://forum.mautic.org/u/smc_iris)\
**Post date:** [February 25, 2022, 10:54am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/4 "2022-02-25T10:54:16Z")

</div>

Thank you for the new Builder, I really like it. But some functionalities I would like to see are:

- _ **General:** _ Autocompletion of tokens, i.e if I type “{form=” a list of forms including their name should appear so I can select which one to display → i think that’s already in your miro board
- _ **Email Builder:** _ add the option to set the Preview Text in the UI. I know it’s possible by `<mj-preview>` tag in `<mj-head>` but for some of our clients it would be easier to just have a field to set the Preview text. Not sure if that’s a grapejs functionality, a email functionality or a combination of both.
- _ **Page Builder:** _ Preference Center Blocks that can be dragged and dropped, please. And the option to style them further. I’m using the tokens right now but they really do not look good.

---

<div class="post-metadata">

**Author:** ![toon](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/toon/32/833_2.png) [@toon](https://forum.mautic.org/u/toon)\
**Post date:** [March 9, 2022, 7:45am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/5 "2022-03-09T07:45:23Z")

</div>

Some extra features that would help out:

- Option to save an email as a template
- Option to change the styling of the “Save Preference button” in the UI
- Option to save specific layouts as a building block
- Updated image library
- Slider to change the width percentage of columns / content
- Standard video block
- Option to change styling elements (colors for buttons etc.)
- Option to add custom fonts (that are compatible with email)

---

<div class="post-metadata">

**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\
**Post date:** [March 9, 2022, 8:02am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/6 "2022-03-09T08:02:56Z")

</div>

Thanks for your input. There are some important features in there. On others, we are already working. E.g. there is a [PR for the image library](https://github.com/mautic/mautic/pull/10902)

> - Option to change styling elements (colors for buttons etc.)

I think this is already possible? If you use the “Paintbrush” icon?

---

<div class="post-metadata">

**Author:** ![adiux](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/adiux/32/5793_2.png) [@adiux](https://forum.mautic.org/u/adiux)\
**Post date:** [March 9, 2022, 8:06am UTC](https://forum.mautic.org/t/the-next-step-for-the-email-and-landingpage-builder/22827/7 "2022-03-09T08:06:05Z")

</div>

Some good points.

Preview is not so easy as grapesjs does not support changing anything in the head. So all `<mj-head>` components don’t work.

> [@smc\_iris](#):
>
> Page Builder:

There is a PR for that [https://github.com/mautic/grapesjs-preset-mautic/pull/8](https://github.com/mautic/grapesjs-preset-mautic/pull/8)
