Técnicas de Desarrollo de Emails: Código, Builders y Frameworks

Clase 4 de 36 • Curso de Diseño y Maquetación para Emails

Contenido del curso

Introducción y planeación

Primer proyecto: cómo usar Mailchimp para tu estrategia

Segundo proyecto: Diseño de emails

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

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

Cierre

36
Diseño y Maquetación de Emails con Mailchimp
01:06 min

Tomar examen

Resumen

Debemos tener claro que un email no sigue las mismas reglas que los sitios webs, debemos volver en el tiempo para desarrollar usando tablas y estilos en línea.

Nuestros emails podemos desarrollarlos de distintas maneras:

Mediante código ya sea con diseño escalable o responsive.
Utilizando builders o editores de las plataformas de envíos masivos o Email Service Provider (ESP).
Frameworks como Foundation

Comentarios

José Mauricio Osorio Corredor

student•

Apuntes de la clase:

Agustin Enriquez Sandoval

student•

El diseño escalable, escala todo el contenido de forma porcentual. El diseño responsive, ayuda a generar diferentes versiones de correo, que se adaptarán de acuerdo a la medida del soporte en el cuál se esté visualizando.

Carlos Enrique Ramírez Flores

student•

gracias!!

Julián Cárdenas

student•

Buenísima aclaración!

Miguel Evander Pérez Pérez

student•

Técnica de desarrollo - Código Escalable : El diseño es simple, se hace a 1 columna debe ser pensado des de su visualización en moviles, los botones ( call to actions) deben ser grandes. (el diseño se vera exactamente en escritorio y movile).

Responsive: Adapta el contenido del email de acuerdo al dispositivo del usuario, los cambios pueden ser pequeños o complejos, el diseño puede visualizarse en movile a una columna y en escritorio a 3 columnas.

Moises Gregorio Briceño Ramirez

student•

lo indispensable

Jacinto Del Garanazo

student•

Maquetar templates para email marketing es lo peor después de una quemadura y un domor

Edgardo Marcano

student•

Demonios, y yo que venia con una espectativa alucinante despues de los cursos de responsive web design, bootstrap, materialize, etc

Luis Alfredo Villalta López

student•

hacer el código desde cero, escala el diseño
Responsive adapta el contenido del Email descuerdo al tamaño del dispositivo
envio de Email masivos, plantillas, reportes,

Jacinto Del Garanazo

student•

MailRelay es genial, ofrece hasta 75mil envios a 15mil contactos por mes

Agustin Enriquez Sandoval

student•

La creación del correo desde 0 te ayuda a tener un mayor control acerca de los alcances que puedes lograr. Es importante saber que al hacer el diseño desde 0 se debe realizar en tablas. Así mismo, los estilos del correo debe ir dentro del mismo código html. Esto requiere tiempo de realización

Por otro lado. Los builders, tienen como finalidad, reducir el tiempo de realización en la construcción del diseño del correo.

Usuario anónimo

user•

Nuestros emails podemos desarrollarlos de distintas maneras:

Mediante código ya sea con diseño escalable o responsive. Utilizando builders o editores de las plataformas de envíos masivos o Email Service Provider (ESP). Frameworks como Foundation

Diana Estefanía Proaño Carrión

student•

¿Dónde puede descargar las diapositivas de este curso?

Omar Daniel Centeno

student•

¡Hola!

Generalmente puedes encontrar las diapositivas de cada curso en la primera clase del mismo. Te dejo el enlace para la descarga.

Priscila Sasha Eutushenko

student•

Sabes cuál es el Curso de Foundation?

Dicson Quimbayo

student•

Creería que es un curso, buscando ya no esta activo en el catalogo de platzi

Wilman Alfonso Vargas Suaza

student•

¿Cuál es el proveedor de marketing por correo electrónico muy económico es recomendado para bases de datos grandes, con aprox 300,000 contactos?

Ecommerce Rolin

student•

Ya han pasado 4 años desde la grabación del video ¿Será que todo funciona igual?

Dicson Quimbayo

student•

He estado utilizando MailChimp en esto días, ha cambiando la interfaz sin embargo los conceptos siguen siendo los mismo

Andrés David Loaiza Zamudio

student•

Vamos a ver que tal mailchimp para email marketing

Diana Marcela Herrera Pacheco

student•

Si porque han cambiado muchas cosas.

Nestor Mauricio Rojas Rozo

student•

Diseño responsive ** El diseño _cambia dinámicamente de acuerdo con el tamaño**_ de la pantalla del dispositivo. Los contenidos se reorganizan en la interfaz para adaptarse al tamaño de la pantalla y permitir una experiencia de lectura perfecta.

Diseño escalable Muestra diferentes diseños estáticos de acuerdo con el ancho de pantalla del dispositivo móvil.

Miguel Evander Pérez Pérez

student•

ESP (Email Service Provider) Builders: Mailchimp, Campaign Monitor, Doppler y Litmus.

Elkin Mauricio Bautista Rubiano

student•

Técnicas de desarrollo para e-mails

Las técnicas de desarrollo serán los conocimientos que necesitaremos para crear e-mails responsive y de excelente respuesta para los usuarios. Las más importantes son: Códigos (HTML y CSS), para que nuestros correos sean escalables y responsive, adaptables a distintos gestores de correo electrónico. Builders: Algunos vienen incorporados dentro de servicios como Mailchimp o MailRelay, con un sistema de arrastrar y soltar. Frameworks: Técnica escalable:

Se hace a una columna, y se hace pensando en su visualización en mobile, los textos deben ser grandes y legibles desde cualquier pantalla, botones que funcionen correctamente con la huella del dedo (touch friendly). La ventaja de este modo es que el correo se dejará visualizar mucho mejor en mobile.

Técnica Responsive:

Su desarrollo permitirá que situemos los diferentes elementos gráficos dentro del e-mail de una manera más compleja y personalizable, pudiendo hacer que por ejemplo, un e-mail de 3 columnas en su versión de computadora, desglose el contenido en una sola para mobile, o que algunas imágenes grandes de la versión PC directamente no se muestren en la versión de e-mail. Fue hasta hace muy poco que Google permitió la utilización de Media Query, la base del código responsive. (ESP) E-mail Service Provider:

Servicio que permite enviar campañas de E-mail marketing a una lista de contactos.

También ofrecen plantillas, editores, reportes, segmentación, automatización, y pruebas A/B.

Las principales plataformas son: Mailchimp, Campaign Monitor, Doppler y Litmus; litmus no es propiamente una plataforma, pero sí nos da algunas herramientas para visualizar e-mails en distintos navegadores al mismo tiempo, Google Analytics y hacer pruebas de spam. Litmus es de pago.

Moises Gregorio Briceño Ramirez

student•

gracias por el resumen

ZAYRA SAAVEDRA URIBE

student•

Técnicas de Desarrollo para Emails Debemos tener claro que un email no sigue las mismas reglas que los sitios webs, debemos volver en el tiempo para desarrollar usando tablas y estilos en línea. Nuestros emails podemos desarrollarlos de distintas maneras: o Mediante Código ya sea con diseño Escalable (Técnica que escala el diseño o el contenido. Este diseño es simple, se hace a una columna y debe ser pensado desde su visualización en mobile. Los textos deben ser grandes, con buena lectura desde cualquier pantalla, que los botones sean grandes y touchfrienly. El diseño se va a ver igual en escritorio y en mobile) o Responsive (Adapta el contenido del email de acuerdo con el dispositivo del usuario. Estos cambios pueden ser grandes o pequeños. Cada día es más popular y mas compatible con los clientes de correo. Esta técnica se realiza por MediaQuary). o Utilizando Builders o editores de las plataformas de envíos masivos o ESP (Email Service Provider. Son los servicios que permite enviar campañas de email marketing a una lista de contactos. También ofrecen plantillas, editores, reportes, segmentación, automatización, pruebas A/B). Las principales plataformas de envíos masivos son: MailChimp, Campaign Monitor, Doppler, Litmus. o Frameworks como Foundation.

Moisés Morales Sánchez Torres

student•

Yo ocupo Eloqua de Oracle.

Técnicas de Desarrollo de Emails: Código, Builders y Frameworks

Introducción y planeación

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