transactional-email-templates icon indicating copy to clipboard operation
transactional-email-templates copied to clipboard

Published 20 hours ago • verified publisher icon mailgun

Email template not rendering correctly in GMail.

Open steadweb opened this issue 9 years ago • 11 comments

Hi,

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

image

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

steadweb avatar Jan 13 '16 22:01 steadweb

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

steadweb avatar Jan 13 '16 22:01 steadweb

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

leemunroe avatar Jan 14 '16 00:01 leemunroe

And if so, what browser?

On Wed, Jan 13, 2016 at 4:23 PM, Lee Munroe [email protected] 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 https://github.com/mailgun/transactional-email-templates/issues/20#issuecomment-171482380 .

ebeeson avatar Jan 14 '16 00:01 ebeeson

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.

steadweb avatar Jan 14 '16 20:01 steadweb

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.

bildschirmfoto 2016-03-07 um 16 20 08

mgraupner avatar Mar 07 '16 15:03 mgraupner

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)

captura de pantalla 2016-03-14 a las 9 47 08 p m

alfredobarron avatar Mar 15 '16 03:03 alfredobarron

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.

mathvav avatar Nov 13 '16 15:11 mathvav

@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

steadweb avatar Nov 14 '16 09:11 steadweb

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.

ghost avatar Nov 29 '17 22:11 ghost

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

image

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

leemunroe avatar Dec 01 '17 06:12 leemunroe

@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.

ghost avatar Dec 05 '17 18:12 ghost