¿Puede el correo electrónico ser receptivo?

8

Me encanta o lo odio, no se puede negar la popularidad de los correos electrónicos HTML. Y, al igual que la web anterior, la bandeja de entrada se ha vuelto oficialmente móvil, con más del 50 por ciento de las aperturas de correo electrónico en dispositivos móviles.

Entonces, ¿puede el correo electrónico ser realmente receptivo teniendo en cuenta cómo Email HTML Suck?

html responsive-design

— Riad Kanane
fuente

Wouldnt que dependen de la aplicación de correo electrónico, sobre todo la forma de correo electrónico web sería anticiparse a su objetivo, ya que se envuelve alrededor de su HTML

— joojaa

Consulta DEVTIPS en youtube. Estoy bastante seguro de que hay un video sobre correo electrónico receptivo.

— Komental

Me gusta su pregunta, pero en este momento le importaría editarla para que se ajuste al ámbito del "diseño" porque posiblemente sería mejor para SO en el sentido de que uno garantizaría que se trata de una pregunta relacionada con el código y no un diseño pregunta relacionada

— DᴀʀᴛʜVᴀᴅᴇʀ

¿No es solo una cuestión de usar% en tablas? Ya he creado una plantilla MailChimp con sólo%, lo que lo hacía perfecto para cada dispositivo ..

— rwzdoorn

3

Entonces, ¿puede el correo electrónico realmente ser receptivo?

Respuesta simple a su pregunta. SI

Los correos electrónicos HTML caen de alguna manera bajo la misma regla de los sitios web, pero generalmente son más difíciles de manejar y aún dependen del estilo de código antiguo con <table>etiquetas. Hay un gran artículo de Web Design Tuts que desearía que estuviera disponible cuando comencé a hacer correos electrónicos HTML.

Un poco sobre el tutorial es sobre cómo crear un correo electrónico receptivo y una nota importante al crear correos electrónicos HTML es que el CSS debe estar en línea al final. Discute cómo orientar CSS para Yahoo body[yahoo] .class {}y hacen referencia al artículo de Tina Ye sobre " Correos electrónicos HTML receptivos: una estrategia diferente ".

Dado que el artículo de Webdesign Tuts no entra en muchos detalles sobre el artículo de Tina, te recomendaría que lo leyeras porque entra en el primer método de diseño móvil y muestra cómo diseñar para Lotus 8, Outlook 00-03, Outlook 2007+ y Apple :

Lotus Notes 8 y Outlook 2000-2003

 <!--[if IE]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if IE]>
      </td>
    </tr>
  </table>
<![endif]-->

Outlook 2007+

<!--[if (gte mso 9)|(IE)]>
  <table width="540" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td>
<![endif]-->
[EMAIL BODY HERE]
<!--[if (gte mso 9)|(IE)]>
      </td>
    </tr>
  </table>
<![endif]-->

Apple Mail

@media only screen and (min-device-width: 541px) {
  .content {
    width: 540px !important;
  }
}

Si realiza una búsqueda en Google de plantillas de correo electrónico sensibles, hay un artículo que se llama " 32 plantillas de correo electrónico sensibles para su pequeña empresa " por Mashable.
Discute plantillas gratuitas y de pago para sus correos electrónicos y va a Zurb, que recomendaría si está utilizando Foundation para diseño web.

— DᴀʀᴛʜVᴀᴅᴇʀ
fuente

1

¡Seguro que pueden! Aquí hay una plantilla que puede usar para hacer un correo electrónico HTML receptivo: http://zurb.com/ink/ . Crear un correo electrónico HTML desde cero requiere mucho conocimiento sobre cómo los clientes de correo electrónico analizan los correos electrónicos. Esta plantilla se asegura de que su correo electrónico aparezca correctamente en todos los clientes de correo electrónico.

Todo lo que necesita hacer es reemplazar el contenido del archivo con su correo electrónico y ejecutar este archivo a través de un script en su aplicación que maneja el envío de correos electrónicos.

— Rocín
fuente

1

Proporcione más información sobre el enlace que proporcionó porque en este momento es una respuesta de solo enlace y, en el futuro, si el sitio dejara de funcionar, podría recibir algunos votos negativos.

— DᴀʀᴛʜVᴀᴅᴇʀ

1

Editó la respuesta.

— Nag

Bonito, muy interesante (¡y bien documentado!) Recurso.

— user56reinstatemonica8

1

Sí, puedes, pero a menos que tengas una gran pasión por esto, no te molestes. Imagine codificar para IE5 y tener que probar eso. Puede ser mejor comprar una plantilla para este tipo de cosas en lugar de hacer su propia solución a medida.

— C3Lawrence
fuente