Cómo enviar una versión oculta de su correo electrónico que solo verá el Apple Watch

El usuario de Litmus, Dan Foody, ha descubierto algo muy interesante sobre el Apple Watch. Existe una forma de enviar una versión oculta de su campaña de correo electrónico que solo mostrará el Apple Watch. Esto le da mucha más flexibilidad en su diseño.

Por lo general, el reloj muestra solo la parte de texto sin formato de su correo electrónico. Esto sucede por una peculiaridad. Cuando Watch nota una imagen remota en su correo electrónico, considera que el HTML es demasiado complicado, por lo que muestra la versión de texto sin formato. Como referencia, una imagen remota es una imagen que no está incrustada en el correo electrónico, sino que se carga desde un servidor mediante una etiqueta <img> estándar; el 99% de las imágenes de los correos electrónicos se cargan de esta manera. Recuerden, aquí estamos mostrando el correo electrónico en un reloj , amigos. ¡Tiene que ser simple!

Entonces, ¿cuál es el secreto?

Primero, un poco de trasfondo. Los correos electrónicos HTML suelen contener dos partes: HTML (técnicamente con un tipo de contenido de texto / html ) y texto sin formato ( texto / sin formato ). Apple, en un correo electrónico reciente a los clientes, utilizó una tercera parte: text / watch-html .

Si incluye una parte HTML adicional en su mensaje, con el tipo de contenido " text / watch-html ", Watch utilizará la parte Watch adicional en lugar de la parte de texto sin formato cuando la parte HTML no sea adecuada. Es posible que necesite ayuda de su ESP o proveedor de correo para configurar la tercera parte de Watch. También puede intentar enviarse un correo electrónico habilitado para Watch con PutsMail, que admite una tercera parte de watch-html . ¡Ahora puede crear contenido exclusivamente para el reloj!

Watch-html en acción

Tomamos nuestro último boletín y agregamos una parte de watch-html . En todos los demás clientes de correo electrónico, parecía que no había pasado nada.

Pero, en el Apple Watch, pudimos mostrar una versión específica y personalizada que utilizó el soporte de texto enriquecido del Watch.

¿Qué tan bien puede verse realmente el correo electrónico en un reloj?

Sus correos electrónicos pueden verse mejor con esta técnica, pero aún es bastante limitada. La forma más sencilla de pensar en el soporte HTML de Watch es solo la decoración de texto. Puede crear un formato más agradable, pero no volverá a crear un diseño completo de varias columnas.

Consulte el HTML utilizado para crear el correo electrónico de muestra anterior. Notarás que casi no hay elementos a nivel de bloque. De hecho, apenas se parece a HTML. Todo esto se debe a la forma en que Watch analiza HTML en una vista de texto enriquecido.

Dado que el reloj no es capaz de mostrar HTML, en realidad hace que el iPhone traduzca el HTML a texto enriquecido antes de enviarlo al reloj. Esto es muy similar a los visores de texto enriquecido que algunos pueden recordar de los primeros días de Lotus Notes y AOL. Es esencialmente texto sin formato, con soporte de contenido enriquecido.

Sugerencias de formato

En lugar de etiquetas de párrafo, simplemente cree un párrafo en la fuente de su correo electrónico. No use estilos o etiquetas fuertes para aumentar el peso de la fuente, use <b> en su lugar. No se necesitan div, ni se respetan la mayoría de los estilos (con la excepción de los colores de texto que no son negros). Asegúrese de evitar sangrías u otra organización en su HTML; el reloj incluye este espacio adicional en el mensaje.

Aquí está nuestro resumen de lo que se admite hasta ahora:

Concepto de texto enriquecido	Ver HTML
Negrita	<b> Texto </b>
Cursiva	<i> Texto </i>
Subrayar	<u> Texto </u>
Color de fuente	<span style = ”color: # 00800;”> Texto </span> El texto configurado en negro (# 000000), o no especificado, se convertirá a blanco (#FFFFFF). Se admiten otros colores.
Alineación	<div style = ”text-align: right;”> Texto </div> Solo se admiten la izquierda, el centro y la derecha.
Cotización	<blockquote type = ”cite”> Texto </blockquote> Nest cotiza hasta 7 niveles de profundidad, no se produce sangría, pero el sombreado indica el nivel de cotización.
Lista numerada	<ol> <li> Elemento 1 </li> </ol>
Lista con viñetas	<ul> <li> Elemento 1 </li> </ul>
Imagenes	<img src = ”cid:…”> Texto </blockquote> Solo se admiten imágenes incrustadas y el soporte real tiene muchos errores. Más sobre esto a continuación.

Soporte de imagen

Esta primera versión del cliente de correo electrónico Watch tiene algunos problemas bastante importantes cuando se trata de imágenes. Aparte del hecho de que deben estar incrustados, hay algunos inconvenientes importantes a tener en cuenta.

Hay un error en la forma en que se colocan las imágenes que da como resultado que se rompa la relación de la imagen. Cuando el reloj cambia el tamaño de la imagen incrustada, inserta un borde transparente de 2px (4px una vez en la pantalla de retina). Desafortunadamente, hace esto dentro de la imagen, lo que hace que la imagen se distorsione. Por ejemplo, si tiene una imagen de 100x50px, el reloj la cambiará de tamaño a 96x46px, sin preservar la proporción de la imagen.

Puede solucionar este problema cambiando el tamaño de sus imágenes a 4px x 4px más grandes (sin preservar la proporción de la imagen). En este ejemplo, la imagen en la parte HTML de su reloj sería de 104x54px. El reloj lo cambiará de tamaño a 100x50px. Sin embargo, esto resultará en cierta distorsión.

Además, las imágenes en línea se pueden reposicionar involuntariamente en cualquier lugar dentro de la vista Reloj. Si el reloj experimenta un problema mientras se procesa, es posible que su imagen aparezca en la parte superior de la línea de asunto, la fecha o incluso el nombre.

Esperamos que Apple solucione estos problemas en una actualización de software en un futuro cercano, pero vale la pena tener en cuenta estas limitaciones. Si experimenta con la incrustación de imágenes, recuerde utilizarlas solo en la parte Ver HTML, ya que las imágenes incrustadas tienen poca compatibilidad para mostrarse en la parte HTML que se muestra en otros clientes de correo electrónico.

Texto del preencabezado

Hay una última consideración a tener en cuenta. Aunque Watch renderizará el HTML de Watch, seguirá usando la parte HTML estándar para el texto del preencabezado en la vista de la bandeja de entrada.

Usando watch-html en la naturaleza

¿Cómo se puede utilizar esta parte HTML oculta de Watch? Necesitará ayuda de su ESP o proveedor de correo. La mala noticia es que los ESP aún no admiten esto. ¡Envíeles un enlace a esta publicación! Hemos incluido los detalles técnicos a continuación. Con suerte, ahora que hemos descubierto los detalles técnicos, veremos su adopción en un futuro próximo.

Cómo enviar un correo electrónico con una parte de watch-html

Si está enviando correos electrónicos HTML usted mismo, o está implementando esto para un ESP, cubramos los detalles técnicos de cómo enviar correos electrónicos que incluyen una parte Watch HTML.

Para agregar la parte HTML de su reloj, agregue una tercera parte MIME adicional. Debe usar el tipo de contenido "text / watch-html" y debe estar en línea.

 Tipo de contenido: texto / reloj-html; charset = "utf-8"

Además, y esto es muy importante, debe asegurarse de que la parte Ver HTML aparezca antes de la parte HTML estándar en su fuente de correo electrónico y después de la parte de texto sin formato. Si incluye el HTML de Watch en otro lugar, Apple Mail en el escritorio representará su HTML de Watch como texto sin formato. Si tiene problemas para que funcione, verifique que su software de correo o MTA no esté reordenando las partes MIME.

Aquí hay un correo electrónico de ejemplo que implementa correctamente las 3 partes:

 De: [email protected]
Para: [email protected]
Asunto: Ejemplo de Apple Watch
Tipo de contenido: multiparte / alternativo; boundary = "tu-límite"

- tu-límite
Tipo de contenido: texto / sin formato; charset = "utf-8"
Codificación de transferencia de contenido: citado-imprimible
Disposición de contenido: en línea

Esta es la parte de texto sin formato.

- tu-límite
Tipo de contenido: texto / reloj-html; charset = "utf-8"
Codificación de transferencia de contenido: citado-imprimible
Disposición de contenido: en línea

<b> Esta es la parte HTML de Watch </b>

- tu-límite
Tipo de contenido: texto / html; charset = "utf-8"
Codificación de transferencia de contenido: citado-imprimible
Disposición de contenido: en línea

<p> Esta es la parte HTML estándar </p>
<img src = ”algo-remoto” />

--tu-límite--

Finalmente, Watch solo recurrirá a su parte de watch-html si hay algo inadecuado en la parte de HTML estándar. Una simple imagen remota, como un error de rastreo o una imagen oculta, funcionará.

Esta técnica funciona porque el Apple Watch probará la parte de texto / html, luego irá subiendo gradualmente a través de las partes MIME, buscando el contenido adecuado. Si bien hemos llamado a nuestro tipo de contenido "text / watch-html", en realidad, podría llamarse cualquier cosa que comience con "text /".

ENVÍE UN CORREO ELECTRÓNICO OPTIMIZADO PARA EL RELOJ

PutsMail le permite enviar un correo electrónico de prueba a cualquier dirección sin un ESP. También tiene soporte para watch-html .