Conviérte en maestro del emailing HTML

Te explicamos cómo quitar espacio dentro de tu emailing HTML

Hemos puesto dos imágenes, una bajo la otra, y el código se ve perfecto en el navegador. Pero al enviar una prueba del email con nuestra plantilla HTML se ve un espacio horrible. ¿Qué podemos hacer?

Ejemplo de espacio negro entre imágenes descuadradas

¿Cómo eliminar ese espacio entre imágenes en el emailing HTML?

Hay que tener cuidado: un email no se desarrolla como una página web, por lo que el reto es grande. Hay que generar un código compatible con todos los buzones de correo electrónico. Cada uno interpreta el HTML y el CSS como quiere. En realidad, se parece bastante al desarrollo de páginas HTML… del 1998.

 

Basta añadir un  style=”display:block;” a las imágenes para evitar espacios debajo de ellas.

Entonces, el código saldrá así <img src=»» style=”display:block;”  height=»» width=»» border=»0″>

Otras recomendaciones complementarias para las imágenes de tu plantillas en emailing HTML

1. Incluir las dimensiones (height y width)
2. Utilizar referencias absolutas y no relativas (usar src=”www.misitio.es/imagenes/logo.gif” en lugar de src=”/imagenes/logo.gif“)
3. Poner las imágenes en tablas

Otros consejos de HTML para mailing:
Aprende cómo crear código HTML para email sin errores con un par de ayudas y trucos útiles. También te recomendamos realizar siempre pruebas antes de enviar la campaña definitiva, puedes utilizar la funcionalidad de Mailify de vistas previas para generar de forma totalmente gratuita una previsualización de tu newsletter en varios buzones.

Y, como no, puedes usar como modelo nuestras plantillas HTML del catálogo: plantillas de newsletter.

Recuerda que las plantillas de Mailify son totalmente personalizables y que además, son responsive. Su diseño responsive te asegura que tu emailing se lea sin ningún tipo de problema en cualquier dispositivo.

¿A qué esperas? ¡Prueba Mailify y haz el emailing más potente!