# Documentation for creating mjml page theme

**URL:** <https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042>\
**Category:** Product Support\
**Tags:** mautic-4\
**Created:** [November 11, 2022, 3:19pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042 "2022-11-11T15:19:07Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![vincent.fr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/vincent.fr/32/6600_2.png) [@vincent.fr](https://forum.mautic.org/u/vincent.fr)\
**Post date:** [November 11, 2022, 3:19pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/1 "2022-11-11T15:19:07Z")

</div>

**Your software**  
My Mautic version is: 4.4.4, fresh install from zip file.  
My PHP version is: 7.4.30  
My Database type and version is: mysql Ver 15.1 Distrib 10.5.15-MariaDB, for debian-linux-gnu (x86\_64)  
Web sever: nginx 1.18.0

**Your problem**  
My problem is:

I could create an **mjml** email theme by following this guide [https://docs.mautic.org/en/builders/%20creating%20a%20theme](https://docs.mautic.org/en/builders/%20creating%20a%20theme).

However, reproducing the same procedure for **mjml** landing page leads to an empty page. I only copied the `email.mjml.twig` and `email.html.twig` to `page.*.twig`. None of the buttons on the right side panel works. And the previewed page is empty. Basically, I could import the page theme but it does not work.

 ![page_builder](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/9/91a49b85a2bdeef19d1adfc8355f3b2a68e60665.png)

I see a post [here](https://forum.mautic.org/t/html-email-templates-all-show-up-blank-in-editor-builder/16841/2) which suggests to change permissons to entire directory `chmod -R 775 /var/www/html`. This seems not to be consistent with this guide [https://docs.mautic.org/en/troubleshooting/file-ownership-and-permissions](https://docs.mautic.org/en/troubleshooting/file-ownership-and-permissions)

In the list of themes delivered with Mautic, there is not yet one with `grapejs` builder, `page` feature in `mjml` language (or it’s somewhere that I have not found). If there is one, I can follow that example.

My questions are:

1. do you have any suggestion?
2. is there a `mjml` landing page theme or a guide?

These errors are showing in the log: No error on the interface or in the log file.

Steps I have tried to fix the problem:

1. assure that the mjml file is correct. It was validated outside mautic. Plus, it was transformed into a mail template that works.
2. assure that the .zip structure is correct. config.json file contains “page” : “features”: [“email”,“page”]
3. try both grapesjsbuilder alone and with “legacy”: “builder”: [“grapesjsbuilder”] or “builder”: [“legacy”,“grapesjsbuilder”]
4. clear the cache correctly. restart server.

---

<div class="post-metadata">

**Author:** ![dirk\_s](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/dirk_s/32/748_2.png) [@dirk\_s](https://forum.mautic.org/u/dirk_s)\
**Post date:** [November 11, 2022, 4:40pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/2 "2022-11-11T16:40:29Z")

</div>

Did you enable the grapeJS Plugin in Mautic? This is the legacy builder…

---

<div class="post-metadata">

**Author:** ![vincent.fr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/vincent.fr/32/6600_2.png) [@vincent.fr](https://forum.mautic.org/u/vincent.fr)\
**Post date:** [November 11, 2022, 5:28pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/3 "2022-11-11T17:28:48Z")

</div>

I think the grapesjs builder is activated. I did use it for editing an email.

It is true that the interface shown in my first post does not look like grapejs.

To be sure, I removed “legacy” from the .json file to leave only “grapejsbuilder”, upload the zip again. It leads to the same empty page and inactive buttons.

My guess is my way of preparing the page.mjml.twig file is not correct. I copied the email.mjml.twig file that worked for email theme.

I don’t find more documentation for creating mjml landing page theme to follow.

Thank you for the reply.

![grapejsbuilder](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/c/c6db284249a7d20c6eb64eb60dae67d09e7d2f56.png)

---

<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:** [November 12, 2022, 10:06am UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/4 "2022-11-12T10:06:47Z")

</div>

Honestly this is a bit more complicated then just explaining it in a blogpost, so I created a course and I’m not ashamed to ask money for it.

> **[Create Your Own MJML Template Course – Joey Keller](https://joeykeller.com/product/create-your-own-mjml-template-course/)**

---

<div class="post-metadata">

**Author:** ![vincent.fr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/vincent.fr/32/6600_2.png) [@vincent.fr](https://forum.mautic.org/u/vincent.fr)\
**Post date:** [November 12, 2022, 11:22am UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/5 "2022-11-12T11:22:57Z")

</div>

it sounds great. I have two questions so far: how to create mjml landing page theme and inject a form in a mjml page or theme (not using the html, it’s too much for me). will I find the answers in your course? if yes, then I’m in immediately.

---

<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:** [November 12, 2022, 12:23pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/6 "2022-11-12T12:23:36Z")

</div>

The answer is there: you can’t do it.  
There are no MJML landing pages.  
MJML is email only.

---

<div class="post-metadata">

**Author:** ![vincent.fr](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/vincent.fr/32/6600_2.png) [@vincent.fr](https://forum.mautic.org/u/vincent.fr)\
**Post date:** [November 12, 2022, 8:06pm UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/7 "2022-11-12T20:06:41Z")

</div>

Thank you for being that clear.

May I ask why it is impossible to use `mjml` for the landing page? I understood that `mjml` allows one to create responsive page easily. why not applying it to pages?

I think the workflow is the create mjml pages outside, then export to `html`, then copy paste to mautic. However, for editing that won’t be that easier.

I know nothing about programming. So if this is a feature that can be implemented, I’ll be glad to support it (with others).

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/1X/43c63600fe51440378769136903f1fa2a9a34102.png) [@system](https://forum.mautic.org/u/system)\
**Post date:** [November 14, 2022, 8:07am UTC](https://forum.mautic.org/t/documentation-for-creating-mjml-page-theme/26042/8 "2022-11-14T08:07:27Z")

</div>

This topic was automatically closed 36 hours after the last reply. New replies are no longer allowed.
