Curso de Diseño y Maquetación para Emails

Curso de Diseño y Maquetación para Emails

Instruido por:
Martha Muñoz
Martha Muñoz
Básico
5 horas de contenido
Ver la ruta de aprendizaje
Diseña tu correo responsive o escalable
Proyecto del curso
Diseña tu correo responsive o escalable

Diseñar correos llamativos y que se adapten a los diferentes dispositivos de tus usuarios es vital para el éxito de tus campañas de email marketing. En este curso llevarás a cabo la maquetación de dos plantillas de correo utilizando las técnicas escalable y responsive. Aprenderás el diseño y desarrollo desde cero utilizando Photosop, HTML y CSS.

Curso de Diseño y Maquetación para Emails

Curso de Diseño y Maquetación para Emails

Progreso del curso:0/36contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/36contenidos(0%)

Introducción y planeación

Material Thumbnail

Bienvenido al Curso de Diseño y Maquetación de Emails

01:43 min

Material Thumbnail

Ventajas del email marketing

04:35 min

Material Thumbnail

Tipos de emails

10:08 min

Material Thumbnail

Técnicas de desarrollo para email

05:19 min

Material Thumbnail

¿Qué necesitas definir antes de empezar?

05:49 min

Primer proyecto: cómo usar Mailchimp para tu estrategia

Material Thumbnail

Tu primera campaña en Mailchimp

06:18 min

Material Thumbnail

Diseño

15:21 min

Material Thumbnail

Lista de contactos

10:04 min

Material Thumbnail

Campaña suscripción: form modal

08:39 min

Material Thumbnail

Campaña suscripción: form embebido

11:45 min

Material Thumbnail

Campaña de automatización

07:34 min

Segundo proyecto: Diseño de emails

Material Thumbnail

Estructura de un email

04:13 min

Material Thumbnail

Buenas prácticas en diseño de emails

03:32 min

Material Thumbnail

Diseño de template escalable

15:48 min

Material Thumbnail

Diseño de template responsive: estructura

12:59 min

Material Thumbnail

Diseño de template responsive: contenido

11:13 min

Tercer proyecto: maquetación de email de promoción en técnica escalable

Material Thumbnail

Identificando bloques de imágenes en el diseño para hacer corte y exportación

14:10 min

Buenas prácticas para emails en código y clientes problemáticos

02:50 min

Material Thumbnail

Creando los bloques en HTML

10:46 min

Material Thumbnail

Insertando imágenes y creando links

07:18 min

Material Thumbnail

Agregando estilos usando inline CSS

17:35 min

Material Thumbnail

Envío de prueba y checklist de revisión

12:37 min

Cuarto proyecto: maquetación de newsletter en técnica responsive

Material Thumbnail

Creando los bloques en HTML

09:48 min

Material Thumbnail

Agregando contenido a nuestro correo responsive

10:48 min

Material Thumbnail

Escondiendo contenido y aumentando puntaje de texto de acuerdo al tamaño de la pantalla

06:07 min

Material Thumbnail

Código condicional

11:36 min

Hacks para Email: GIF y video

01:50 min

nuevosmás votadossin responder
Juan Adrian Arturo Medina Mallma
Juan Adrian Arturo Medina Mallma
Estudiante

Tengo una duda, cuando importas una base de datos de excel y haces un mensaje viable, llega a la sección de promociones. Saben como hacer para que los mensajes lleguen a principal o a notificaciones para que sea más fácil de encontrar mi mensaje (poca gente entra a la sección promociones?

0
Isaías Ramos
Isaías Ramos
Estudiante

¿Se puede crear un formulario de suscripción con un sitio web que usa WordPress?

1
Pablo Villalba
Pablo Villalba
Estudiante
Captura de pantalla 2021-04-17 a la(s) 12.26.40 p. m..png

No entiendo porque después de hacer todos los pasos iguales al video, no se ajustan las cajas una a la otra cuando está al ancho máximo…

0
José Luis Segura Combariza
José Luis Segura Combariza
Estudiante

¿Cuál es la diferencia o el impacto que genero hacerlo en HTML o usando solo templates regulares?

3
Cristian Felix Iñiguez Porcel
Cristian Felix Iñiguez Porcel
Estudiante

¿Cómo se les llama a estas cosas? *|FNAME|**|LNAME|*

1
Héctor Daniel Sevilla Sandoval
Héctor Daniel Sevilla Sandoval
Estudiante

Hola! Como puedo hacer un cambio de imágenes en responsive. Mi problema es que necesito cambiar un banner cuando esta en mobile y lo estoy haciendo en Mailchimp. El problema es que lo estoy dejando en editable y no me aparece en el editor porque asigne una clase para ocultarlo en mas de 375px. Hay alguna manera que pueda hacer para no editar el codigo del template cada vez que quiera hacer el email?. Muchas gracias

0
Jocelyne Guadalupe Ruíz Hernández
Jocelyne Guadalupe Ruíz Hernández
Estudiante

¿Se puede crear el template en Ai, Ps y enlazarlo o cargarlo a MailChip? 🧐

0
Renzo Rolando Manuel Reinoso Alcas
Renzo Rolando Manuel Reinoso Alcas
Estudiante

En que se diferencia si oculto el div de esta manera :
*[class=“hide”] {display:none !important;}

y esta:
.hide{ display:none !important; }

2
coco paiva
coco paiva
Estudiante

Alguna forma óptima de marcar varias fotos para grabarlas en 2x? o se hace manualmente una por una?
Algunos tips para los que no usamos photoshop 😃 ?

2
coco paiva
coco paiva
Estudiante

<td width=“100” style=“50px”>
En style la unidad es pixel, en el atributo de la etiqueta, qué unidad de medida será?

2