otro que usamos en mi empresa que me parece genial para ir seguro en el diseño de nuestro email es https://www.emailonacid.com/ es de pago pero es un hit para no tener errores.
Introducción y planeación
Diseño y Maquetación de Emails en Mailchimp para Marketing Digital
Cómo maximizar el ROI con email marketing segmentado
Estrategias de Email Marketing: Diseño y Ejemplos Prácticos
Técnicas de Desarrollo de Emails: Código, Builders y Frameworks
Segmentación de Audiencias en Email Marketing
Primer proyecto: cómo usar Mailchimp para tu estrategia
Creación de Campañas de Email con Mailchimp: Paso a Paso
Creación de Emails Personalizados con Mailship
Desarrollo de campañas de email marketing con Mailchimp
Personalización de Emails en Mailchimp: Paso a Paso
Envío de Email de Prueba y Configuración de Asunto en Mailchimp
Optimización de Campañas de Email con Reportes de Mailchimp
Cómo crear y personalizar formularios de suscripción en Mailship
Formularios Embebidos y Personalizados en Landing Pages
Automatización de Correos en Mailship: Crea y Envía Bienvenidas
Segundo proyecto: Diseño de emails
Diseño de Emails Escalables y Responsivos
Diseño de Emails: Buenas Prácticas y Estrategias Efectivas
Diseño y Maquetación de Emails con Photoshop
Diseñando Newsletters Efectivos con Photoshop
Maquetación y Diseño Responsivo de Emails en Photoshop
Tercer proyecto: maquetación de email de promoción en técnica escalable
Exportación de Imágenes para Emails HTML con Photoshop
Buenas prácticas de diseño para emails efectivos
Plantillas de Email en HTML: Estructura Básica y Buenas Prácticas
Creación de Plantillas HTML para Correos Electrónicos
Estilos CSS para Plantillas de Correo Electrónico Escalables
Diseño de Campañas Email con Mailchimp
Cuarto proyecto: maquetación de newsletter en técnica responsive
Diseño de Newsletters Responsive en HTML5
Media queries: Adaptación de diseño para dispositivos responsivos
Media Queries: Adaptando Diseños para Dispositivos Móviles y Tablets
Estilos CSS para Plantillas Responsive en HTML
Estilos CSS Responsivos para Email Marketing
Técnicas de CSS para Mejorar Texto y Ocultar Imágenes en Mobile
Incorporación de Google Fonts en Diseños Web
Código Condicional en Outlook para Newsletters
Corrección de errores XML con XPath y XQuery
Creación de GIFs Animados para Email Marketing
Cierre
Desarrollo de Emails Responsive en Mailchimp
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si alguna vez has intentado captar la atención de tus usuarios a través de emails, sabes que no es una tarea fácil. Un buen diseño puede marcar la diferencia entre un correo ignorado y uno que lleva a la conversión. Así que, si estás buscando formas de mejorar tus campañas de email marketing, estás en el lugar correcto. Exploraremos las mejores prácticas que te guiarán para diseñar correos electrónicos atractivos y efectivos.
En la era del smartphone, asegurarse de que tus correos electrónicos se vean bien en dispositivos móviles es esencial. Diseñar desde el enfoque mobile first significa comenzar con el diseño móvil y después adaptarlo a pantallas más grandes. Esto no solo asegura una presentación adecuada, sino que mejora la experiencia del usuario que verá tus correos en un smartphone o tablet.
Las plantillas sencillas y modulares son clave para el diseño de emails. Estos son algunos puntos importantes:
Un balance adecuado entre imágenes y texto es fundamental:
La personalización es clave para captar la atención de tus suscriptores:
Un call to action (CTA) debe ser claro y conciso:
Antes de enviar un email, asegúrate de:
Un ejemplo destacable es el email de Apple Music, que incorpora todos estos aspectos: personalización, diseño limpio y un CTA vibrante que insta al usuario a actuar de inmediato. Recuerda, estas prácticas no solo mejoran la apariencia de tus emails, sino que fomentan una conexión más fuerte con tu audiencia. Continúa aprendiendo y experimentando con estas estrategias para optimizar tus campañas de email marketing.
Aportes 17
Preguntas 2
otro que usamos en mi empresa que me parece genial para ir seguro en el diseño de nuestro email es https://www.emailonacid.com/ es de pago pero es un hit para no tener errores.
Esta clase está repetida, ya vimos este video en la clase 16
y algo en lo que no estoy del todo de acuerdo es que gmail no molesta tanto como lo hace Outlook para windows antes del 2013 es un problema que acepte los estilos y posiciones exactas, de resto todos funcionan muy bien.
Actualmente ya permite la etiqueta “<styles>” para implementar “CSS media queries”
Profe, ese 20% es respecto de qué?
Espacial o del código
Gracias por los consejos.
Tengo la duda del uso de div porque las maquetas que te entregan los servicios de mailing sí lo ocupan.
Excelente!!
Tengo una pregunta.
a mi correo me han llegado E-Mali animados, (obvio con animaciones ensillas). Si no se puede utilizar JS ¿esas animaciones se hacen con CSS?
Esta clase está dos veces en el curso, ¿por qué no corrigen eso?
Apuntes de la clase:
Tengo el siguiente problema, actualmente ocupo templates HTML con imagenes que son agregadas como cadenas de string codificadas con el algoritmo base64. Mi tema en particular es en el cliente de GMAIL remuve el elemento src={png encoded base64}
y solo muestra el atributo alt
¿Alguna recomendacion al respecto o sera mejor que migre mis imagenes como assets en un servidor publico tipo S3 en AWS y apuntar la URL desde mi template?
Brutal, manos a la obra!
Interesante, sabia yo que era complicado gmail y que se utilizaba las tablas pero nunca pense que las imagenes igual determinaba que si era spam o no gracias por aclarlos
reconoce tipo de letras?
Entendido
Información valiosa, muchas gracias.
Código QR.
Voy a mandar un email a usuarios para que puedan hacer seguimiento del status de su compra vía un código QR.
La consulta es. es mejor o recomendable o no recomendable usar:
base64 incrustado en el email versus linkear la imagen desde un servidor remoto?
Aguardo experiencias… muchas gracias…
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?