Clase 27 de 36 • Curso de Diseño y Maquetación para Emails
Contenido del curso
Diseño y Maquetación de Emails para Marketing Digital
Ventajas del Email Marketing y Estrategias de Optimización
Tipos de Emails y Estrategias de Marketing Digital
Técnicas de Desarrollo de Emails: Código, Builders y Frameworks
Estrategias de Email Marketing: Optimización y Segmentación
Creación de tu primera campaña en Mailchimp
Diseño de Email de Bienvenida en Mailship
Creación de listas de contactos en Mailchimp
Personalización de Campañas en Mailchimp: Segmentación y Diseño
Envío de Emails de Prueba y Finales en Mailchimp
Análisis de Reportes de Campañas en Mailchimp
Creación de Formularios Modales con Mailship para Suscripciones
Incorporación de Formularios de Suscripción en Landing Pages
Automatización de Correos de Bienvenida en Mailship
Diseño de Emails Escalables y Responsivos
Buenas prácticas en diseño de emails para marketing
Diseño y Maquetación de Emails Promocionales en Photoshop
Diseño de Newsletters en Photoshop: Guía de Tres Columnas
Diseño de Emails Responsivos en Photoshop y Preparación para Código
Maquetación de Emails Promocionales Escalables en Photoshop
Buenas prácticas en diseño y maquetación de emails
Creación de Plantillas de Email HTML Compatibles con Todos los Clientes
Inserción de Imágenes y Enlaces en Plantillas de Email HTML
Estilos CSS para Plantillas de Email Escalables
Creación de Campañas Promocionales en Mailchimp
Diseño de Newsletters Responsivos en HTML5
Creación de Newsletter HTML con Imágenes y Links
Media Queries para Diseño Responsive en Email Marketing
Estilos CSS para Contenedores Responsivos en Plantillas de Email
Estilos CSS para Plantillas Responsivas de Email
Técnicas Avanzadas de Responsive Design para Móviles
Incorporación de Web Fonts en Plantillas de Correo Electrónico
Código condicional en correos para compatibilidad con Outlook
Pruebas de Envío de Plantillas Responsive con PutsMail
Estrategias para Integrar Videos en Emails de Forma Efectiva
La importancia de crear plantillas de correos que sean visualmente atractivas y funcionales es indiscutible. Si alguna vez has querido saber cómo enriquecer tus newsletters con imágenes y enlaces estratégicos, este contenido es para ti. Aprenderás a integrar contenido visual y texto de manera efectiva para captar la atención de tus lectores desde el primer instante.
Para empezar, el logo debe incluirse como una imagen con un enlace. Identifica la ubicación de tu logo en la carpeta de imágenes y procede a enlazarlo. El enlace debería llevar a platzi.com, usando atributos HTML como target="_blank", asegurando que se abra en una nueva pestaña y style="border:0; text-decoration:none;" para un acabado limpio.
La clave para reforzar el contenido del curso es reutilizar los banners existentes. Si ya cuentas con uno en tu plantilla escalable, simplemente copia el mismo módulo y ajústalo en la nueva plantilla de promoción. Una vez insertado, actualiza la URL para que dirija al curso correcto.
La organización de columnas es esencial para un diseño limpio y profesional. Aquí, cada imagen dentro de la columna requiere un link y un target="_blank". Por ejemplo, para la imagen del curso de Email Marketing, asegúrate de que la URL de destino esté correctamente asignada, así como el texto descriptivo y el CTA, como "Estudiar ahora".
Reaprovecha los módulos existentes para optimizar tiempo y esfuerzo. Trae el diseño de tabla que define la estructura del blog y simplemente sustituye la información necesaria:
Al unir todos los elementos - el contenido de las columnas, los cursos complementarios y los artículos del blog - construyes un newsletter coherente. El objetivo es presentar información relevante agrupada por categoría, en este caso, marketing.
Esta guía respalda una estructura sólida de contenido visual y asegura que tu plantilla de correo sea estilizada y funcional. Recuerda, sigue explorando y mejorando tu habilidad en la integración de contenido visual en email marketing. La práctica y el detalle son tus mejores aliados.
