# Email template break when in gmail

**URL:** <https://forum.mautic.org/t/email-template-break-when-in-gmail/21786>\
**Category:** Product Support\
**Tags:** mautic-4\
**Created:** [November 26, 2021, 1:42pm UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786 "2021-11-26T13:42:35Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![erwan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/erwan/32/6306_2.png) [@erwan](https://forum.mautic.org/u/erwan)\
**Post date:** [November 26, 2021, 1:42pm UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/1 "2021-11-26T13:42:35Z")

</div>

**Your software**  
My Mautic version is: latest  
My PHP version is: 7.4

**Your problem**  
My problem is:

Using beefree to create a newsletter template and then export it. I create a new email, then blank template, then edit code et paste beefree html.

Preview in editor is perfect.  
Send a test mail and no more css is applied.

The main difference seems to be that mautic encode email before sending it and (gmail) display the encoded html.

Result is only having the email structure (table etc…) and no css at all.

email preview : [https://mtc.mail-decofinder.com/email/preview/4](https://mtc.mail-decofinder.com/email/preview/4)

---

<div class="post-metadata">

**Author:** ![t0ny3003](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/t0ny3003/32/6384_2.png) [@t0ny3003](https://forum.mautic.org/u/t0ny3003)\
**Post date:** [December 4, 2021, 10:41pm UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/2 "2021-12-04T22:41:57Z")

</div>

I ran into the same issue before. When I verified my domain using DKIM then the email displayed correctly in Gmail because Gmail wouldn’t strip away styles or images. Another plus is that the email won’t go to SPAM.

---

<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:** [December 5, 2021, 7:40am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/3 "2021-12-05T07:40:28Z")

</div>

It is a known beefree isssue. Some templates just dont work. I would use the mjml builder or build from scratch via [mjml.io](http://mjml.io) and then copy pste

---

<div class="post-metadata">

**Author:** ![erwan](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/erwan/32/6306_2.png) [@erwan](https://forum.mautic.org/u/erwan)\
**Post date:** [December 6, 2021, 9:27am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/4 "2021-12-06T09:27:05Z")

</div>

Well in fact, i rolled back to the old editor and then it works like a charm.

Wasn’t only beefree but all html template creators

---

<div class="post-metadata">

**Author:** ![luivict](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/luivict/32/1858_2.png) [@luivict](https://forum.mautic.org/u/luivict)\
**Post date:** [December 22, 2021, 5:26pm UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/5 "2021-12-22T17:26:05Z")

</div>

How did you get back to the old editor? Changing the Mautic version?

---

<div class="post-metadata">

**Author:** ![mikew](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mikew/32/5156_2.png) [@mikew](https://forum.mautic.org/u/mikew)\
**Post date:** [December 22, 2021, 6:16pm UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/6 "2021-12-22T18:16:53Z")

</div>

go to plugins inside mautic and turn off grapejs

---

<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:** [December 30, 2021, 11:10am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/7 "2021-12-30T11:10:15Z")

</div>

It doesn’t work. GrapeJS inner Mautic 4 move inline css to and move this to end of .

Unfortunelly, Mautic forces use GrapesJS if you want to use “send e-mail” from contact card (it functionally doesn’t work if GrapesJS is off). User is in an impasse.

---

<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:** [January 3, 2022, 10:07am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/8 "2022-01-03T10:07:49Z")

</div>

I did rebuild my templates to MJML to fix this. I think this is the best way to go.

---

<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:** [January 5, 2022, 10:19am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/9 "2022-01-05T10:19:42Z")

</div>

Unfortunately even the MJML editor has problems. In the case of sending an e-mail from a template on the contact card, all columns are in the full width of the e-mail.

And I don’t know does the dynamic elements of the e-mail work on the MJML editor? I don’t think so.

---

<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:** [January 5, 2022, 11:52am UTC](https://forum.mautic.org/t/email-template-break-when-in-gmail/21786/10 "2022-01-05T11:52:41Z")

</div>

I use the Twig Templates instead of the built in dynamic feature fo mautic.  
Its superior.

> **[Twig Templates for Mautic](https://mtcextendee.com/marketplace/twig-templates-for-mautic/)**
>
> Buy now one domain license / 39€ – buy nowunlimited license / 169€ – buy now Buy now one domain license / 39€ – buy nowunlimited license / 169€ – buy now
