Necesito ayuda para diseñar y desarrollar un emailing
9 seguidores
Buenas mañanas! Me han pedido en el curro hacer un emailing y no echo nunca uno, de echo mis conocimientos de html son bastante escasos. Podria diseñar el mail en photoshop o ilustrator? que tamaño deberia usar para ello? Luego deberia montarlo en html o lo puedo mandar directamente en jpg a 72ppp? Muchas gracias
cloudstudio
Pues a la hora de maquetar es igual que cualquier web, pero teniendo en cuenta un par de cosas :
Aparte de tablas, puedes usar css, pero este tienen que estar dentro del mismo html.
Las imagenes tienen que estar alojadas en un servidor y el html las llama mediante su url.
Por lo demas, no tiene mucho misterio, el jueves pasado maquete uno y todo perfecto.
nenit0
Puede tener las medidas que quieras, tanto de horizontal como de vertical... Eso si, la mayoría de clientes siempre quiere que sea "estandar" si es que eso existe en los mails, por lo que te aconsejaría hacerlo a unos 600/650 pixeles de ancho, el largo puede ser como tu quieras, teniendo en cuenta que lo que verá el usuario serán siempre los primeros 400/500 pixeles...
Y cuidado con las css, que si bien es cierto que están soportadas, luego los clientes de correo hacen lo que quieren, en hotmail nunca lo verás igual que en gmail o outlook.
yosoyraro
Primero deberías crear el diseño en Photoshop, confirmarlo con el cliente y después maquetarlo en html con tablas. Cuantas menos imágenes utilices mejor porque muchos clientes de correo, bloquean las imágenes... en cualquier caso, si buscas en Google, encontrarás mucha información y si no recuerdo mal, aquí mismo ya se habló del tema...
:)
kinseartworks
el problema eske no se bastante poco de html, e pensado hacerlo como si fuera un flyer...que tamaño deberia tener el documento??
cloudstudio
No te lo aconsejo, puesto que la gran mayoria de navegadores no reconocen imagene, o te las bloquean por defecto...
Cuantas menos imagenes ,mejor
dagi3d
y respecto a los css, no sólo es que tengan que estar dentro del html, si no que además deberían definirse dentro de cada tag
échale un vistazo a los propiedades que soportadas por los distintos clientes o sistemas web: http://www.campaignmonitor.com/css/
diana_gutierrez
Hola,
Si no te importa que esté en inglés, aquí tienes un artículo que puede ayudarte. Es un artículo divido en tres partes. La primera trata de la estructura general del html, la segunda de cómo insertar el css, y la tercera de varias diferencias de comportamiento entre algunos de los servidores de correo más comunes.
Te paso los enlaces de las tres partes:
http://www.sitepoint.com/article/code-html-email-newsletters/1
http://www.sitepoint.com/article/code-html-email-newsletters/2
http://www.sitepoint.com/article/code-html-email-newsletters/3
Espero que te sirva de algo.
abrahamnavas
Chicos, yo también soy nuevo en esto de los newsletters y tengo una duda:
¿Se podrían embeber vídeos de, por ejemplo, YouTube o Vimeo en un newsletter?
leticiaperezprieto
Hola Brian,
Revisa esta tabla de Campaign monitor para lo del video.
http://www.campaignmonitor.com/videoinemail/
De todas formas, ojo, porque algunos clientes de correo permiten visualizar el gif (como Outlook) pero se quedan en el primer frame parados.
Y si el mail es de empresa, y tiene en la red tiene bloqueados contenidos de la web, rollo web blocker para que no se metan en facebook mientras trabajan, puede que no vea los videos enlazados en youtube en el correo corporativo.
Salu2
txusele
Hola:
Lo que yo hago cuando diseño o maqueto un envío de emailings es:
1.- Cuida las medidas (sigo las mismas que neniTO)
2.- Crea tu página con los estilos incluidos y pon los gráficos justos.
3.- Subo mi html a mi web a la carpeta "mi_email"
4.- Todos los enlaces a las imágenes deben ser tipo http://www.miweb.com/mi_email/imagen.jpg
5.- Veo la página desde el navegador y le digo "enviar por correo electrónico". Así te la mete tal cual en el cuerpo del mensaje.
6.- Cuida de poner un link como "Si no ve bien este email haga click aquí" dirigido a la página que colgaste antes. Ten en cuenta que muchos programas de correo te bloquean las imágenes o tienes que aceptar el visualizarlas,o te las ponen como adjuntas y entonces tu diseño deja de ser diseño.
7.- Cuida de poner al pie un link para borrarse de tu lista según la Ley de Proteccion de datos.
8.- Pon una vela para que la campaña sirva para algo ;-)
Una sonrisa.