Não encontrei uma resposta para por que estava mostrando o HTML para alguns usuários. No entanto, encontrei uma solução para como impedir que isso acontecesse.
Encontrei alguns artigos antigos que sugeriam várias coisas. por exemplo. adicionando qualquer texto desejado como um atributo alt em um gif de 1px na parte superior do email:
<img src="http://www.example.com/spacer.gif"alt="Hey just testing">
Ou usando um <span />
oculto como este:
<span style="display:none !important">Hey just testing</span>
Estes funcionaram bem para mim, mas ainda não meus colegas. No entanto, como parte do meu teste, me inscrevi para Litmus e encontrei isso na origem dos e-mails que eles começaram a me enviar:
<!-- HIDDEN PREHEADER TEXT -->
<div style="display: none; mso-hide: all; width: 0px; height: 0px; max-width: 0px; max-height: 0px; font-size: 0px; line-height: 0px;">
Press save and watch your screenshots refresh instantly. It’s like magic!
</div>
Assumi que eles sabiam o que estavam fazendo e parece funcionar.