Maquetado del email Responsive

Clase 15 de 17 • Curso de Diseño y Creación de Plantillas de Email Marketing

Eduardo Reyes

student•

😎 Para la pregunta "¿Puedo usar flexbox o grid para los emails?" la respuesta es sí, pero poco más del 50% de los clientes lo verán bien. Ya que muchos clientes de email no lo soportan. Les dejo acá una página muy buena que encontré. https://www.caniemail.com/search/?s=grid

Yenniffer Lorena Quintero Quintero

student•

uff que gran aporte, muchas gracias, muy útil.

Santiago Quintero

student•

¿Tengo una inquietud, es estrictamente necesario hacerlo con estilos inline?.

¿También es posible hacer el diseño en flexbox o cssgrid, o para este tipo de templates mail es necesario hacerlo con tablas?

Eduardo Reyes

student•

🤔 Eso estaba a punto de preguntar yo, si el HTML de un correo se puede manipular con la etiqueta Style en el header, sería mucho más fácil hacerlo con CSS Grid. Sin embargo, también hay que recordar que muchos de los correos no se abren desde los navegadores, tal vez eso influya en porque hacer los estilos inline. Aunque yo lo pondré a prueba y vendré de regreso al curso a colocar la respuesta.

Tomás Correa

student•

Considero que la parte que respecta la programación dentro de toda la construcción del email es importante pero este curso particularmente no tiene un contexto my fuerte en la parte teórica de la programación para entenderlo tan fácilmente

Alejandro Barriga Gasca

student•

Que tan recomendable es poner el CSS en cada etiqueta?

Abel da Cunha

student•

Recuerdo que gmail eliminaba todo el código del head... ¿Hay manera de solucionar esto?

Francisco Karriere

student•

hola! Por tema de seguridad varios servicios de correo borran el head en los correos que llegan. Como practica recomendada para mejorar la compatibilidad puedes hacer alguna de las siguientes cosas:

Usa estilos en línea en lugar de hojas de estilo en el encabezado. Esto significa incluir los estilos directamente en la etiqueta de apertura de cada elemento en lugar de en un archivo CSS.
Usa tablas para diseñar el correo electrónico. Muchos clientes de correo electrónico no soportan los estilos CSS, por lo que es recomendable usar tablas para crear el diseño del correo electrónico.
Usar imágenes estáticas en lugar de imágenes animadas.
Usar remplazos de imagen. Muchos clientes de correo electrónico no permiten la carga de imágenes automáticamente, por lo que se recomienda usar un servicio de remplazo de imágenes.
Verificar el diseño y contenido con diferentes clientes de correo electrónico y dispositivos para asegurarse de que se vea correctamente.

Espero te sean de utilidad.ya que no hay una solución universal para garantizar la compatibilidad total con todos los clientes de correo electrónico...

Saludos!

Mateo Campaña

student•

Soy nuevo en esto ¿qué programas se pueden usar programar?

Jeremy Bryan Icó Herrera

student•

puedes usar mjml es un framework para esto en especifico

https://mjml.io/try-it-live/CdRXUf3mgj

checa este template

MARIA TERESA PANIAGUA RIVERA

student•

Gracias