ubiquitour.com

Cómo usar CSS en un correo electrónico HTML

Es bastante común el uso de línea en HTML e-mails. Acaparamiento de la atención de su destinatario con una lata de diseño llamativo y estético recibe ayuda aparte de que su mensaje de la multitud de "spam" los correos electrónicos el usuario promedio. Sin embargo, usando hojas de estilo en cascada (CSS) en mensajes de correo electrónico HTML es una tarea muy frustrante, como casi todos los populares de correo electrónico y navegador Web hace en línea estilo diferentemente. Adhesión a unas reglas claves garantizará compatibilidad entre clientes de su mensaje.

Instrucciones

1 Diseño de su correo electrónico en un formato de tabla en lugar de utilizar etiquetas < div >. Clientes de correo más basado en la Web tira de etiquetas < div > en el mensaje antes de que.

2 Retire cualquier texto sobre una imagen que va a ser copia estática en lugar de parte de la imagen. Muchos clientes de correo electrónico no admiten imágenes de fondo en las celdas de tabla.

3 Quitar todos los elementos excepto los utilizados para formatear el aspecto del texto y al etiquetas < font > estilo. No use relleno, márgenes o cualquier otra cosa para colocar el texto que no sean las celdas de tabla vacío, como muchos clientes no reconocen la colocación los elementos del estilo.

4 Quitar tablas anidadas o rowspans y colspans dentro de la misma tabla. Algunos clientes de correo electrónico asignan líder adicional a la copia de un mensaje, lo que significa que el uso de estos resultará en un diseño gráfico roto. Siempre que sea posible, utilice las tablas de una sola fila apiladas uno encima del otro.

5 Insertar un enlace en su mensaje, permitiendo que su destinatario ver una versión Web del mensaje. Esto le permite tener una versión limpia que parece exactamente como desea que, así como darle la habilidad de incluir elementos que no podían incluir en un correo electrónico, como los medios interactivos.

Consejos y advertencias

  • Las normas para la compatibilidad de CSS en correos electrónicos HTML cambian constantemente con cada nueva iteración de los clientes de correo electrónico populares. Esta lista no es una garantía de que un mensaje se verá el mismo a quien lo ve, pero siguiendo estas reglas, obtendrá la mayor parte de la manera allí.