Email template not rendering correctly in GMail.

Question

Email template not rendering correctly in GMail.

steadweb opened this issue 9 years ago · 11 comments

steadweb commented 9 years ago

Hi,

I'm using the inline version of email alert found within the repo, but the email looks like the following:

Will the OS have an impact on how the email is rendered? I'm currently using Ubuntu 14.04

Answer 1 · 2016-01-13T22:14:27.000Z

Just checked on my iPhone and the template renders as expected, so this will most likely be a Linux/Ubuntu issue 😄

Answer 2 · 2016-01-14T00:23:13.000Z

Interesting, I'm not aware of OS having an impact. @steadweb What client are you using here, is this Gmail web?

Answer 3 · 2016-01-14T00:30:57.000Z

And if so, what browser?

On Wed, Jan 13, 2016 at 4:23 PM, Lee Munroe notifications@github.com
wrote:

Interesting, I'm not aware of OS having an impact. @steadweb
https://github.com/steadweb What client are you using here, is this
Gmail web?

—
Reply to this email directly or view it on GitHub
#20 (comment)
.

Answer 4 · 2016-01-14T20:46:57.000Z

Thanks for the quick responses @leemunroe and @ebeeson.

I was using GMail Web, I wasn't using an application installed on the OS. The browser I was using was Google Chrome, version 47.0.2526.106.

Answer 5 · 2016-03-07T15:18:33.000Z

I'm having the same problem. Client: Firefox 45 on Mac OS X 10.11.3. Same for Chrome 50.0.2661.11 dev (64-bit) on Mac OS.

Answer 6 · 2016-03-15T03:50:00.000Z

I am have the same problem OS X El Capitan OS X 10.11.3 (15D21) and Chrome Versión 48.0.2564.116 (64-bit)

Answer 7 · 2016-11-13T15:48:30.000Z

Are all of you inlining the CSS? As I understand, most mail clients remove style tags so that it doesn't change the style of the content OUTSIDE the email. @steadweb I'm guessing the reason it works on your iPhone is that it uses a different HTML rendering engine that allows style tags (since those wouldn't affect the natively coded GUI).

But that's just my guess.

Answer 8 · 2016-11-14T09:06:12.000Z

@Anon-Penguin I'm using the example inline templates found within this repo.

https://github.com/mailgun/transactional-email-templates/blob/master/templates/inlined/action.html

Answer 9 · 2017-11-29T22:19:24.000Z

I am also getting similar results and it does not matter which OS, client, etc. I used the templates as provided by Mailgun and inlined it via Premailer as they recommend. Yet it renders very crudely. Are you guys putting the inlined code directly into your mailer? That is what I am doing.

Answer 10 · 2017-12-01T06:29:12.000Z

Tested the inlined alert email today in Litmus and looked fine.

@darkknightsds Can you share the HTML you're using?

Answer 11 · 2017-12-05T18:34:20.000Z

@leemunroe Thanks for verifying it is working on your end. I can share some HTML later today but what is interesting is that the template on your personal github worked just fine for me. I followed the exact same process for both, too.