HTML que se muestra en el panel de vista previa del cliente de correo electrónico iOS para correo electrónico transaccional


2

Me he encontrado con el escenario más deslumbrante que puedas imaginar.

Antecedentes: para nuestra empresa SAAS, estamos enviando correos electrónicos de bienvenida transaccionales que están bellamente formateados y declaran el tipo de documento, etc., utilizando MandrillApp como el servicio de correo transaccional.

Problema: El problema que hemos encontrado es que en iOS7, la fuente HTML para el correo electrónico se muestra en la sección de vista previa en el remitente y la marca de tiempo.

Soluciones Intentadas:

  • Intenté eliminar completamente el tipo de documento, lo que resultó en que se mostrara todo el HTML
  • Se cambió el tipo de documento a HTML 5 desde XHTML 1.0
  • Añadido en un Preheader. No funciono

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
    <body>  
        <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
            <tbody>
                <tr>
                    <td align="center" valign="top" style="padding:0 0 20px">
                        <table width="830" cellspacing="0" cellpadding="0">
                            <tbody>
                                <tr>
                                    <td align="center">
                                        <p style="padding:30px 0 1px">
                                            <font face="Helvetica Neue, Arial, Helvetica, sans-serif" size="6" color="#323232" style="line-height:1;font-size:34px;font-weight:300">
                                                Some Text
                                            </font>
                                        </p>
                                    </td>
                                      </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

Cualquier ayuda sería muy apreciada!

Respuestas:


0

¿La vista previa todavía se ve mal si corrige su HTML, particularmente en el tr que estoy mostrando a continuación?

    <tbody>
        <tr>
            <td align="center">
               <p style="padding:30px 0 1px">
                  <font face="Helvetica Neue, Arial, Helvetica, sans-serif" size="6" color="#323232" style="line-height:1;font-size:34px;font-weight:300">
                                            Some Text
                   </font>
                </p>
             </td>

        -- You're missing </tr> here --

      </tbody>

¿O fue solo un error al ingresar su pregunta aquí?


Hola Nvuono, creo que fue solo un error al eliminar el HTML. Gracias por tu halcón como la vista allí.
Nicholas McCreath
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.