2012-03-18 41 views
12

Me preguntaba si hay un software que pueda convertir un archivo (web html css) a (e-mail html inline css), para que se pueda ver desde la mayoría de e- clientes de correo como perspectiva, Thunderbird o webmails como gmail, yahoo, hotmail etc.Convertir html web a correo electrónico Html

Me gustaría poder escribir mi código como lo hago escribiendo archivos xhtml y luego importar ese archivo al programa y convertir divs a tablas y CSS para alinear estilos compatibles para clientes de correo electrónico.

¿Alguna sugerencia?

Respuesta

3

Desafortunadamente no conozco ningún software que pueda hacer esto directamente. Hay características que se pueden representar en divs que no pueden estar en tablas. Además, no es trivial enviar el HTML real.

email html es algo así como un arte oscuro, ya que requiere técnicas de diseño que estaban en desuso (tablas para el diseño) y pruebas manuales en plataformas relevantes (Yahoo, Google, Thunderbird, Outlook).

+1

Me encontraron esta presentación de diapositivas que da algunas pautas simples, sin embargo, http://www.slideshare.net/OwlHillMedia/how-to-code-html-email-newsletters entiendo que hay restricciones que efectivamente desactiva cualquier desarrollador web especializado en esta área, muchos programas con diferentes estilos de lectura, pero ¿cómo es que esos programas no son compatibles con w3c como la mayoría de los navegadores? Me refiero a qué tan difícil es para un cliente de correo electrónico leer contenido html como lo hace un navegador ?. – themis

+0

Tal vez no sea seguro ya que uno puede escribir algún código que extraiga información en el DOM (que contiene otros correos electrónicos) y retransmita esa información. Sospecho que la razón secreta es la integridad estilística y la capacidad de datos. Por último, como ningún cliente hará esto, no hay motivación para cambiar. Estoy bastante seguro de que Thunderbird tiene las agallas para renderizar HTML completo. Nadie quiere recibir correo no deseado de lujo. – Mikhail

+1

También encontré esta herramienta http://inlinestyler.torchboxapps.com/ Pero no estoy seguro de que funcione en la mayoría de los casos. Lo probaré de todos modos – themis

11

Utilizo un servicio por Mailchimp llamado CSS inliner. Es realmente una buena herramienta, solo tiene que mantener su html & CSS en el mismo archivo (sin archivo css externo). Quiero decir mantener todos los CSS en su archivo html dentro de la etiqueta en el. Ver más abajo:

<head>  
    <style type="text/css"> 
     /*Your CSS goes Here*/ 
    </style> 
</head> 

Aquí está el enlace:http://beaker.mailchimp.com/inline-css

Hope esto le ayudará. ¡Aclamaciones!

+0

Dulce, gracias por el enlace – yorch

+0

Este servicio es * impresionante *. Hace un trabajo estupendo en la creación de CSS, y en muchos casos donde pensé que el CSS era complejo, funcionaba bien. Tenga en cuenta que esto se conoce como "Mailchimp named CSS inliner", NO: "Mailchimp CSS to Email Converter", porque solo hace una cosa: convertir estilos en línea. Por lo tanto, una cosa que todavía tendrá que hacer, por ejemplo, es agregar atributos de ancho y alto a los elementos img (horrible, ¿no?). –

+0

@yorch Bienvenido amigo! – SVS

2

Puede probar este servicio http://email.bigutility.com/inline-css-convert. Convierte cualquier contenido de url a css en línea.

Algunas características clave:

  • página de apoyo que tiene el archivo CSS externo múltiples.

  • CDN de apoyo (archivo css que se carga desde el servidor CDN).

  • Compatibilidad con el selector jQuery para filtrar el resultado.

  • Editor HTML (wysiwyg) para editar su página css en línea.
Cuestiones relacionadas