-
Cómo utilizar CSS en un correo electrónico HTML
-
El uso de un estilo en línea en mensajes de correo electrónico HTML es bastante común. Captar la atención de su recipiente con una disposición llamativa y estéticamente agradable puede ayudar a separar el mensaje de la multitud de mensajes de correo electrónico "spam" recibe el usuario medio. Sin embargo, el uso de hojas de estilo en cascada (CSS) en mensajes de correo electrónico HTML es una tarea notoriamente frustrante, ya que casi todos popular navegador web y cliente de correo electrónico hace que el estilo en línea de manera diferente. La adhesión a algunas reglas fundamentales garantizará la compatibilidad entre el cliente de su mensaje.Instrucciones
1 El diseño de su correo electrónico en un formato de tabla en lugar de utilizar etiquetas <div>. La mayoría de los clientes de correo electrónico basados en la Web tira <div> etiquetas de cada mensaje antes de mostrarlos.
2 Retire cualquier texto en la parte superior de una imagen que tiene la intención de ser copia estática en lugar de parte de la imagen. Muchos clientes de correo electrónico no son compatibles con imágenes de fondo en celdas de la tabla.
3 Eliminar todos los elementos de estilo a excepción de los que se utilizan para dar formato a la apariencia del texto y unido a las etiquetas <font>. No utilizar el relleno, márgenes o cualquier otra cosa para colocar su texto que no sea celdas de la tabla vacías, ya que muchos clientes no reconocen elementos de estilo de posicionamiento.
4 Retire las tablas anidadas o rowspans y colspans dentro de la misma mesa. Algunos clientes de correo electrónico Asignar adicionales que permiten la copia de un mensaje, lo que significa que el uso de éstos dará lugar a un diseño gráfico roto. Siempre que sea posible, utilizar las tablas de filas individuales apiladas una encima de la otra.
5 Insertar un enlace en su mensaje, permitiendo que su destinatario pueda ver una versión Web del mensaje. Esto le permitirá tener una versión limpia que se ve exactamente la forma en que desea que, al igual que le da la posibilidad de incluir elementos que no se podía incluir en un correo electrónico, tales como los medios interactivos.
Consejos y advertencias
- Las normas para la compatibilidad de CSS en los correos electrónicos HTML están cambiando constantemente con cada nueva iteración de los clientes de correo electrónico. Esta lista no es de ninguna manera una garantía de que un mensaje se verá igual a todo el mundo que lo vea, pero siguiendo estas reglas le conseguirá la mayor parte del camino.