Recomendaciones técnicas email marketing




Para garantizar que un email se vea correctamente en la gran mayoría de gestores, os recomendamos unas directrices básicas que marcaran una diferencia en vuestras campañas de email marketing.



  • El ancho de los emails no debería pasar los 750px

  • Todo el correo y su diseño debe estar contenido en un elemento <table>

  • Los estilos se deben aplicar inline mediante el atributo “style” de cada elemento html. Evita usar el atributo class, tampoco añadir estilos dentro del elemento <style>, muchos gestores de correo obvian estos elementos y resultaría en un correo sin estilo y visualmente incorrecto.

  • Todas las imágenes deben tener el tamaño final que queremos. Pues los gestores de correo no tratan las imágenes como los navegadores web, no podemos dimensionar las mismas mediante estilos css. Para ello nos serviremos de herramientas de edición de imágenes para darles el tamaño que les corresponde.

  • La cantidad total de texto debe ser superior a la cantidad de imagenes, evita incluir texto en las imagenes.

  • Evita usar fuentes anidadas, es muy posible que finalmente no se visualicen correctamente, usa siempre fuentes web seguras. https://www.w3schools.com/css//css_font_websafe.asp

  • El tamaño del texto debe ser normal, un tamaño muy pequeño dificultará la lectura del mismo. Por otro lado un tamaño excesivo resultara en un email estéticamente incorrecto además de difícil de leer, 14-16px suele ser una apuesta segura. Usa un tamaño más grande para destacar los encabezados y títulos. Resalta aquellas partes importantes del documento con un el texto en negrita.

  • Evita estilos altamente cargados pues aumentan la posibilidad de que se puedan visualizar incorrectamente.


Una herramienta muy útil para poder desarrollar tus campañas de email marketing sin conocimientos tecnicos es Stripo



Un ejemplo de una campaña de email marketing que cumple estas recomendaciones lo podeis ver aquí