Gmail conversation grouping (threads) causing HTML email format issues

Question

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?

Answer 1

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.

Answer 2

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>`;