Creación de Campañas Promocionales en Mailchimp

Clase 25 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

Reto: crea tu propia campaña, importa el código y manda un correo de prueba a tuchiberta@gmail.com.

Comentarios

Juan Heredia

student•

Mailchimp (Mayo 2019) no me permite subir una plantilla customizada, por lo que se muestra en sus planes, para hacer esto es necesario una suscripción mensual de tipo standart ($14.99 al mes)

Jorge Isaac Vasquez Sanchez

student•

Exacto, a mi también me pasó. No me dejó subir el .zip

Eterniasoft Sperant

student•

Juan Castro

teacher•

Los tamaños o medidas de nuestras media queries van a depender de los usuarios. Mientras más datos recogemos de ellos, mejor podemos conocerlos y adaptar nuestras plantillas para sus dispositivos.

David Chacón

student•

Para quitar el footer que por defecto de mailchimp no basta con borrar el código que se encuentra anidado dentro de la etiqueta <center>. Aquí hay una guía rápida para hacerlo:

https://zoranorak.com/easy-way-remove-mailchimp-footer-emails/

David Chacón

student•

Para quitar el footer por defecto que coloca mailchimp*. El comentario de arriba lo redacté malísimo jajajaj.

Rafael Cabañas

student•

Jajajaja la teacher se hizo guaje y ya no hizo scroll down, pero se seguía viendo el footer! Buen aporte hermano.

Santiago Quintero

student•

El problema de que Mailchimp agregaba su footer era porque ella tenía:

<a href="platzi/contactos">darse de baja</a>

Y debía tener:

<a href="*|UNSUB|*">darse debaja</a>

Por eso Mailchimp no lo reconocía y agregaba el propio.

José Mauricio Osorio Corredor

student•

A la fecha, 30/06/2021 mailchimp no permite cargar plantillas en la versión free, una lastima.

Julián Cárdenas

student•

me paso igual...

shark tec

student•

Mailchimp (Mayo 2019) no me permite subir una plantilla customizada, por lo que se muestra en sus planes, para hacer esto es necesario una suscripción mensual de tipo standart ($14.99 al mes)

Iván José Campo De Martino

student•

Qué diferencia hay entre hacer el email con photoshop y a codigo? Cuál es la mejor manera?

Antonio Alarcon

student•

Hola Iván 🦉

Los dos factores que más afectan son la velocidad de carga y la interpretación del buzón de correos.

Si lo haces con código HTML tu correo cargará mucho más rápido y en alguno caso podrá evitar el filtro antispam de algunos proveedores de correo electrónico.

Iván José Campo De Martino

student•

Ohh vale Tony muchas gracias por tu aporte bastante util :D

Iván José Campo De Martino

student•

¿Cómo hago para que el correo llegue a la bandeja principal y no a promociones?

Eloy Chávez Dev

student•

Holiiii 👋🏻

Te comparto 2 maneras:

Método Arrastrar y Soltar Esto se hace arrastrando el email de la pestaña de promociones a la principal. Aquí te preguntará si también deseas hacer este cambio para futuros emails. Haga clic en Sí, para asegurar que todos tus emails de esa dirección de correo lleguen a la pestaña principal.
Método Clic Derecho (Ctrl + Clic en Mac) La segunda opción es hacer clic derecho (Ctrl + Clic en Mac) en el email que deseas trasladar para seleccionar la opción Mover a la Pestaña y elegir la opción Principal. El mismo mensaje vuelve a mostrarse preguntando si quieres hacer el cambio permanente. Asegúrate de hacer clic en Sí.

Anderson Víctoria Tejada

student•

Desarrollé mi contenido, lo probé en el navegador, revisé el código. Todo está bien, pero al momento de subir este al mailchimp no me carga, a que se debe

![](

PRUEBA EN EL NAVEGADOR

CÓMO SE VE EN MAILCHIMP

Mauricio Rivero Mendez

student•

Un saludo, me pueden sacar de una duda tal ves muy simple:) en la versión free de mailchimp No se puede crear una campaña cargando un archivo zip que contenga el código HTML?

Roger Carlos Ariel Alba

student•

Hola!

Depende de la fecha de la creación de tu cuenta. A mi me permite hacerlo en una cuenta free pero, mi cuenta tiene 4 años.

Aparentemente cambiaron para las nuevas cuentas.

Anderson Víctoria Tejada

student•

Hola, Ahora a cambiado y los correos con codigo personalizado solo se podrán usar a partir del plan esential, Puedes verificar esto en https://mailchimp.com/es/help/about-mailchimp-pricing-plans/ Espero te sirva.

Julián Cárdenas

student•

Ahora cobran para subir nuestro propio código o zip a Mailchimp...

Carlos Mariscal

student•

max-width no es compatible en versiones viejas de outlook.

Iván José Campo De Martino

student•

Hola a los que no pueden enviar su email por codigo ya que no es gratis ahora en Mailchimp les recomiendo Sendiblue que si deja gratis :D

Francisco Encabo Servián

student•

Pero no te deja cargar las imágenes, solo el código. Con lo cual no puedes revisar algo que es de lo más importante. Hay sitios de pago como Email on Acid, pero que te dejan 7 días gratis de prueba. Solo que tienes que acordarte de cancelar tu suscripción antes d los 7 días.

Antony C. Medina

student•

Si tenemos una web personal, y disponemos de espacio en el hosting, ¿Sería buena idea almacenar nuestras imágenes allí? ¿o mejor hacerlo en MailChimp?

Ana Marcela Chica C.

student•

Hola @antonymedina! Mi recomendación es que las subas en tu servidor, de esa manera puedes tener organizados tus envíos; cuando subes las imágenes a un ESP como Mailchimp o Sendgrid se crean URLs muy extensas y si estás haciendo seguimiento con UTM se hará más larga aún. Pasalas por herramientas de optimización de imágenes como tinypng y llévalas al servidor, recuerda que el peso de un email no debe superar 2MB.

Carlos Rodríguez

student•

Si queremos un botón con código lo podemos hacer de la siguiente manera:

<!-- Si quremos que el botón tenga un alto definido hacemos el total sumando el paddind-top+ paddind-botton + line-height-->
                                <a href="https://platzi.com/clases/diseno-email/" target="_blank" border="0" style="width: 220px; color: #FFFFFF; background-color: #98ca43; display: inline-block; border-radius: 5px; font-size: 18px; font-weight: 600; line-height: 18px; padding-top: 15px; padding-bottom: 15px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif;">
                                    Quiero aprender ya
                                </a>

Carlos Rodríguez

student•

Si quieren un ancho máximo deben colocar en el with un valor de por ejemplo 600px:

 <body style="margin: 0 auto;" bgcolor="#FFEEFF">
        <table width="600" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#1C3643">

Anderson Víctoria Tejada

student•

Así está en la web

Hugo Martinez Moreno

student•

Al dia de hoy como es pago mailchimp no puedo enviarte mi prueba, pero confio en mi trabajo y te digo que el 90% esta bien :)

Anderson Víctoria Tejada

student•

¿Y esto?

Natalia Monsalve

student•

puede ser la forma en la que exportaste las imágenes

Daniel Augusto Melgarejo Gómez

student•

Tengo un problema, pagué los $14.99 para la versión standard que es la que me permite importar código, pero al importar el código me eliminó el color del fondo y las características del header, cómo centrar el logo y demás! Que puedo hacer?

<!-- Si quremos que el botón tenga un alto definido hacemos el total sumando el paddind-top+ paddind-botton + line-height-->
                                <a href="https://platzi.com/clases/diseno-email/" target="_blank" border="0" style="width: 220px; color: #FFFFFF; background-color: #98ca43; display: inline-block; border-radius: 5px; font-size: 18px; font-weight: 600; line-height: 18px; padding-top: 15px; padding-bottom: 15px; text-align: center; text-decoration: none; font-family: Arial, Helvetica, sans-serif;">
                                    Quiero aprender ya
                                </a>

Creación de Campañas Promocionales en Mailchimp

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

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

Estrategias de Email Marketing: Optimización y Segmentación

Primer proyecto: cómo usar Mailchimp para tu estrategia

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

Segundo proyecto: Diseño de emails

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

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

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