2011-12-08 26 views
10

Actualmente estoy codificando un correo electrónico HTML, usando MailChimp para probarlo y, finalmente, para enviarlo.Huelga a través de correos electrónicos HTML

El correo electrónico anuncia varias ventas, que se muestran con la etiqueta HTML strike. Por alguna razón, estas etiquetas strike no llegan a los correos electrónicos de prueba terminados.

Código tal como aparece en MailChimp:

<strike>$12.95</strike> SALE! $9.95 

código en el correo electrónico de prueba, recuperado utilizando Chrome Herramientas Web:

$12.95 SALE! $9.95 

he verificado personalmente que esto está sucediendo en Gmail, Outlook 2007 y Yahoo! Correo. Una lectura rápida de mis resultados de MailChimp Inbox Inspector me dice que definitivamente el problema no está limitado a estos tres.

¿Alguna idea de por qué esto podría estar pasando? ¿Hay alguna alternativa más confiable que pueda usar sin recurrir a las imágenes?

Respuesta

16

Un estilo en línea de text-decoration:line-through es su mejor opción y parece ser widely supported . El PDF en esa página tiene un conjunto de resultados mucho más grande para muchos más clientes.

Además, podría valer la pena probar fractal ya que afirman que pueden optimizar y validar los correos electrónicos HTML. No lo he usado yo mismo. Es importante que parezca que necesita registrarse en el servicio.

+0

Gran respuesta! Esto efectivamente solucionó mi problema. Aunque no fuiste el primero, acepté tu respuesta para vincularme a la mesa de ayuda y a Fractal. =) Muchas gracias! –

+1

+1. Me encontré con este problema, y ​​creo que deberíamos evitar usar la etiqueta como los chicos en [MDN sugerido] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strike) . –

4

puede probar la propiedad css text-decoration: line-through; - podrían ser más ampliamente aceptado ...

4

Probar:

<span style='text-decoration: line-through;'>12.95</span> SALE $9.95 
3

A riesgo de que su estilo sea eliminado del correo electrónico, puede probar con un estilo en línea en cada elemento.

<span style="text-decoration: line-through;">$12.95</span> 

Pero lo realmente recordar que en este caso es que los boletines HTML son meticulosos y no pueden ser de estilo de forma fiable a ser idénticos en todos los clientes de correo. Es por eso que se recomienda confiar totalmente en html de estilo antiguo, sin imágenes de fondo ni CSS modernos. Si bien PUEDE agregar estilos y puede obtenerlos para evitar ser eliminados, aún no está garantizado en todos los clientes.

Mi sugerencia es ir a todos los html sin formato y recurrir a las imágenes si es tan importante. De lo contrario, redacte una lista de los clientes de correo que más le interesen y hágala funcionar de la misma forma que puede hacerlo para todos y simplemente olvídese del resto.

+0

¡Buen consejo! ¡Gracias! =) –

+0

Muy útil. Outlook.com admite la edición html de fábrica, para Gmail, uno debe crear el html en otro lugar (por ejemplo, en el sitio web) y luego copiar/pegar en el correo, consulte http: // webapps.stackexchange.com/a/3561/24599. –

4

Estos son los estilos para colorear el texto y el texto srikethrough:

<span style="color:red; text-decoration:line-through;"> 
    <span style="color:black;">black with red strikethrough</span> 
</span> 
Cuestiones relacionadas