CODEWITHSUNDEEP
emailgmailhtml-email
Justin Elkow
Justin Elkow

Reputation: 2943

Gmail conversation grouping (threads) causing HTML email format issues

I have an HTML email that I send to my users. It looks great in all major Web, Desktop, and Mobile clients even Gmail, EXCEPT when the email is included as part of a "conversation" in Gmail. In that case, some of the table background colors don't show, the text alignment is wrong, etc. Is there a way to prevent this?

Upvotes: 3

Views: 1116

Answers (2)

ginna
ginna

Reputation: 1801

Tested answer: Change the sender of your email by inserting a random number. So instead of sending from [email protected], send from [email protected]. Functionally, these are the same email address (replying will send to the same person).

In ES5:

randomNumber = Math.floor(Math.random()*100).toString();
from = 'Foo <foo+' + randomNumber + '@bar.com>';

In ES6:

randomNumber = Math.floor(Math.random()*100);
from = `My Company <foo+${randomNumber}@bar.com>`;

Upvotes: 1

zazzyzeph
zazzyzeph

Reputation: 1795

Make sure your messages have different subject lines, that'll prevent them from being in a conversation. Or, if just testing, leave the subject line blank.

Upvotes: 2

Related Questions