Diseñar un newsletter
Diseñar un newsletter, una especialidad del diseño web
Dentro del diseño web los newsletter constituyen un apartado bastante especial. No es “una página web que se envía por correo”, como he escuchado alguna vez sino un producto que tiene sus propias características. Si un sitio es un periódico, el newsletter vendría a ser el folleto que te pasan por debajo de la puerta o te meten en el buzón de las cartas.
CampaignMonitor es un sitio orientado en campañas por correo electrónico que -además de ofrecer sus servicios- tiene recursos interesantes como una galería de newsletters para inspirarse y una guía para el diseño de newsletters que con sus años todavía sigue siendo válida.
Para profundizar un poco más, Mathew Patterson escribe un muy buen post donde explica las diferencias entre el diseño orientado a páginas web y el diseño de newsletters, al que llama -no sin razón- “la oveja negra del mundo del diseño web”.
También te puede interesar: 8 pasos para hacer email marketing de forma efectiva
Suscripción RSS
Suscripción por RSS
daniel fernandez muñoz
# 1 marzo 5th, 2009hola, muy buenas, me interesaria aprender a hacer newsletter( programas necesarios,manejo,trucos….) y si usted pudiera facilitarme la informacion….a poder ser una pagina o texto en español.
muchas gracias de antemano.
un saludo.
Daniel Fernandez
Sebastián Thüer
# 2 marzo 5th, 2009@daniel: Para comenzar te recomendaría que tomaras como base un newsletter que te guste y a partir de ahí lo empieces a modificar. Si estás cómodo con el HTML cualquier editor de texto viene bien (notepad++, context, ultra edit, etc.). En caso contrario el Dreamweaver te puede ayudar aunque con cuidado porque puede insertar código que luego no se vea bien en un cliente de correo.
Algunos enlaces que te puedo recomendar son:
http://www.soshtml.com/seo/130-tips-para-disenar-newsletters.html
http://ceslava.com/blog/cmo-disear-una-newsletter/
Gracias por comentar.
Cande
# 3 noviembre 18th, 2009Buenas
Tengo que rediseñar un newsletter. Quería saber desde qué programa se maneja. Hasta ahora yo he usado dreamweaver sólo para diseñar web.
Muchas Gracias y muy interesante el blog, lo voy a frecuentar más.
Sebastián Thüer
# 4 noviembre 19th, 2009@Cande: Para diseñar un newletter podés usar Dreamweaver, pero hay que tener en cuenta que los clientes de correo no soportan todas las propiedades CSS de una página web. Podés mirar acá para más información: http://www.thuer.com.ar/blog/2009/soporte-css-clientes-emai
Gracias por visitar el blog y dejar tu comentario.
Cande
# 5 noviembre 19th, 2009Gracias Sebastián! Pero entonces no puedo usar Dreamweaver para hacer un newsletter que contenga, por ejemplo, imágenes?
Sebastián Thüer
# 6 noviembre 20th, 2009@cande: Si podés usar Dreamweaver tranquilamente. Las imágenes deben estar referenciadas con ruta absoluta (www.tusitio.com/imagen.jpg) y los CSS aplicados en línea, es decir, no en un archivo aparte o al inicio sino en medio del documento. Mirá esta ayuda para más información: http://dattatecayuda.com/tag/inline-css
Saludos.
Mike
# 7 marzo 30th, 2010Hola! tengo que armar un “newsletter” para el area de ingenieria en la que trabajo. Lo arme con DreamWeaver
y que bastante simple pero efectivo.
El tema es que tengo que “inyectarlo” en un mail sobre Microsoft Office Outlook. Pregunta? tengo que tener un servidor web para hacerlo? Como se hace? me sugeris algo para leer! gracias!
Sebastián Thüer
# 8 marzo 30th, 2010@Mike: El servidor web es para alojar las imágenes que contengan el newsletter solamente. Para enviarlo por Outlook hay una opción que te permite editar el código HTML del mensaje (no recuerdo cuál era, ya no uso Outlook) y tenés que copiarlo directamente desde Dreamweaver. Otra cosa a presetar atención es que si usás CSS muchos clientes de correo no reconocen las declaraciones, mejor usar CSS en linea (definido para cada elemento) en lugar de clases. Mirá este post para más info: http://www.thuer.com.ar/blog/2009/soporte-css-clientes-emai
Saludo y suerte
Martin
# 9 junio 9th, 2010Estimado, muy bueno tu blog.
que otro programa recomendas si no es el dreamweaver para editar newsletter, si uno no sabe programación.
saludos
Sebastián Thüer
# 10 junio 9th, 2010@martin: Podés probar con algún programa como Group Mail que está específicamente pensado para enviar newsletters. Trae algunas plantillas, permite personalizar el diseño y si sabés HTML podés copiarlo.
Saludos y gracias por tu comentario
Jose
# 11 junio 24th, 2011Hola Sebastian, bueno, he encontrado este foro y pues he decidido ppreguntar algo; soy diseñador grafico (no programador) y necesito crear un newsletter; quiciera saber si puedo hacer el diseño por ejemplo, en photoshop o illustrator, o incluso, indesign, u despues, como lo pego en el editor del mensaje de Outlook, o en cualquier otro cliente de correos electronico (tipo hotmail o gmail). Es decir, se como insertar una imagen, pero como agrego los links para que se vean dentro del mismo diseño (por ejemplo, un boton de “like” que vaya a Facebook)… agradezco vuestra respuesta, saludos!!
Sebastián Thüer
# 12 junio 24th, 2011Jose » El diseño del newsletter que tenés necesita ser convertido a HTML para que funcione de forma interactiva con enlaces. Pero no se trata de un HTML convencional sino de uno que puedan interpretar los diferentes clientes de correo. Si bien un email admite enlaces, no se pueden incorporar elementos interactivo que cambien el contenido del mensaje.
cerler
# 13 diciembre 18th, 2011muchas gracias por los comentarios. Me están siendo de ayuda. Acerca del envío, me han comentado de insertar el código html en la firma del mensaje de outlook, ¿es ok eso?
Vero
# 14 diciembre 24th, 2011Hola! quisiera agregar un video de youtube a una presentacion para enviar por mail. actualmente estoy enviando el link, pero mi intencion es que desde el mail que envio se pueda ver el video. Desde ya muchas gracias!
Sebastián Thüer
# 15 diciembre 26th, 2011Hola Vero, no es posible reproducir videos desde un correo electrónico por cuestiones de seguridad. Lo más cercano es crear un GIF animado con los principales fotogramas. Saludos.