Sesión 09 · Actividad práctica
Correo HTML institucional + envío masivo
Van a limpiar y categorizar una base de datos real, subirla a Mailchimp, generar un correo HTML con Gemini y enviarlo — aplicando todo lo visto sobre ética, privacidad y ley colombiana.
1
Limpien y categoricen su base de datos
~5 min

Vamos a usar los correos de cada uno de ustedes como base de práctica. Antes de subir nada a Mailchimp:

La base solo tiene el dato mínimo necesario: nombre y correo electrónico.
No hay correos duplicados ni con errores de escritura.
Cada persona en la lista sabe que va a recibir este correo de práctica.
Agregaron una columna de categoría (ej. dependencia, secretaría, rol) para poder segmentar después.
⚖️ Recordatorio de la Ley 1581 y la Circular 002
Están tratando datos personales reales. Aunque sea un ejercicio de clase, apliquen los mismos principios que usarían con una base ciudadana real: finalidad clara, dato mínimo necesario y capacidad de demostrar cómo lo protegen.

Formato final: un archivo .csv con columnas Nombre, Correo, Categoría — listo para importar a Mailchimp.

2
Creen su cuenta de Mailchimp y suban la base
~8 min
A
Creen una cuenta gratuita en mailchimp.com con su correo institucional.
B
Creen una Audience (audiencia) nueva para el curso.
C
Importen el .csv de la Etapa 1 y usen la columna Categoría para crear tags o un campo de segmentación.
🤔 ¿Por qué no enviar el correo masivo desde Gmail o Outlook?
Un cliente de correo personal no está pensado para envíos masivos: los proveedores de correo (Gmail, Outlook) detectan el patrón de "muchos destinatarios iguales" y pueden marcar la cuenta como spam, afectando incluso los correos normales de la entidad. Mailchimp, en cambio, gestiona la reputación de envío, cumple normas anti‑spam, ofrece botón de desuscripción automático, doble opt‑in y reportes de apertura — todo lo que la Ley 1581 y el RGPD piden poder demostrar.
3
Generen el correo HTML con Gemini
~12 min

Elijan uno de estos tres prompts institucionales según el tipo de correo que quieran practicar. En los tres deben pegar los logos exactos:

🏛️ Logo Alcaldía de Sabaneta
https://sabaneta.gov.co/themes/img/17496572236363.png
🎓 Logo CEOGET
https://q10storage.blob.core.windows.net/q10academico-public/678632842091/678632842091.png?nocache
Prompt 1 — Boletín informativo institucional
Actúa como diseñador de correos HTML para la Alcaldía de Sabaneta. Genera un correo HTML de boletín informativo, compatible con Mailchimp (tablas para el layout, estilos CSS en línea (inline), sin JavaScript, ancho máximo 600px). Estructura: 1. Encabezado con el logo de la Alcaldía de Sabaneta: https://sabaneta.gov.co/themes/img/17496572236363.png y el logo de CEOGET: https://q10storage.blob.core.windows.net/q10academico-public/678632842091/678632842091.png?nocache lado a lado. 2. Título del boletín: "[VERIFICAR: nombre del boletín]". 3. Saludo breve y cercano a los funcionarios de la entidad. 4. Dos o tres bloques de noticias cortas (título + 2 líneas + espacio para enlace "Leer más"). 5. Pie de página con: dirección de la Alcaldía, botón de "Cancelar suscripción" (Mailchimp lo reemplaza automáticamente por *|UNSUB|*), y aviso de tratamiento de datos según la Ley 1581 de 2012. Usa los colores institucionales verde y blanco, tipografía legible (Arial o similar, ya que Gmail y Outlook no soportan fuentes personalizadas en correo). Deja marcado con [VERIFICAR] cualquier texto que yo deba completar. Entrega SOLO el código HTML completo, listo para pegar en el editor de código de Mailchimp.
Prompt 2 — Invitación a evento o capacitación
Actúa como diseñador de correos HTML para la Alcaldía de Sabaneta. Genera un correo HTML de invitación a un evento o capacitación, compatible con Mailchimp (tablas <table>, CSS en línea, sin JavaScript, ancho máximo 600px). Estructura: 1. Encabezado con el logo de la Alcaldía de Sabaneta: https://sabaneta.gov.co/themes/img/17496572236363.png y el logo de CEOGET: https://q10storage.blob.core.windows.net/q10academico-public/678632842091/678632842091.png?nocache 2. Título llamativo del evento: "[VERIFICAR: nombre del evento]". 3. Un bloque con fecha, hora y lugar (o enlace de conexión virtual), todo marcado como [VERIFICAR]. 4. Un párrafo corto explicando para quién es el evento y qué van a aprender. 5. Un botón grande de "Inscribirme" o "Confirmar asistencia" (estilo tabla con enlace, no <button>, porque los clientes de correo no lo renderizan bien). 6. Pie de página con contacto de la entidad, botón *|UNSUB|* y aviso de tratamiento de datos según Ley 1581. Colores institucionales verde y naranja. Fuente Arial o similar. Deja marcado con [VERIFICAR] cualquier dato que yo deba completar. Entrega SOLO el código HTML completo, listo para pegar en Mailchimp.
Prompt 3 — Comunicado o circular breve
Actúa como diseñador de correos HTML para la Alcaldía de Sabaneta. Genera un correo HTML de comunicado oficial breve, compatible con Mailchimp (tablas <table>, CSS en línea, sin JavaScript, ancho máximo 600px). Estructura: 1. Encabezado sobrio con el logo de la Alcaldía de Sabaneta: https://sabaneta.gov.co/themes/img/17496572236363.png y el logo de CEOGET: https://q10storage.blob.core.windows.net/q10academico-public/678632842091/678632842091.png?nocache 2. Título: "Comunicado: [VERIFICAR: asunto del comunicado]". 3. Cuerpo del mensaje en tono formal e institucional, máximo 3 párrafos cortos, dejando [VERIFICAR] donde deba ir información específica (fechas, resoluciones, nombres de dependencias). 4. Firma institucional al final (dependencia responsable, marcada como [VERIFICAR]). 5. Pie de página con contacto, botón *|UNSUB|* y aviso de tratamiento de datos según Ley 1581. Diseño minimalista, sin imágenes decorativas adicionales, fuente Arial o similar, colores institucionales. Entrega SOLO el código HTML completo, listo para pegar en Mailchimp.
4
Correcciones al HTML
~7 min

Gemini casi nunca acierta a la primera. Antes de pegar el HTML en Mailchimp, revisen:

Reemplazaron todos los [VERIFICAR] por información real y verificada.
Los dos logos cargan correctamente (péguenlos en el navegador para confirmar).
El correo se ve bien tanto en fondo claro como si alguien usa modo oscuro.
El botón de desuscripción (*|UNSUB|*) sigue presente — Mailchimp lo exige para poder enviar.
💬 Si algo no se ve bien
Vuelvan a Gemini con instrucciones puntuales: "el logo de CEOGET se ve muy grande, redúcelo a 80px de ancho" o "el botón de inscripción no se ve en modo oscuro, cambia el color de fondo". Es más rápido pedir ajustes específicos que regenerar todo el correo.
5
Envíen el correo
~5 min
A
En Mailchimp, creen una nueva campaña de tipo "Email regular" y péguenle el HTML corregido en el editor de código.
B
Envíen primero una prueba a su propio correo y revísenla en el celular y en el computador antes del envío final.
C
Envíen la campaña a la audiencia que crearon en la Etapa 2.
6
Otras herramientas de envío masivo
~3 min

Mailchimp no es la única opción. Si su entidad ya usa otra, los mismos principios éticos y legales de hoy aplican igual:

Brevo(antes Sendinblue) — plan gratuito generoso, automatizaciones y SMS integrado.
Zoho Campaigns— buena integración si la entidad ya usa Zoho para otros procesos.
MailerLite— interfaz sencilla, editor de arrastrar y soltar, plan gratuito.
SendGrid— más técnico, pensado para envíos vía API/automatización.
📦 Al final de la actividad cada uno entrega
  • El archivo .csv de su base de datos categorizada.
  • El código HTML final del correo (con [VERIFICAR] ya resueltos).
  • Captura de pantalla de la campaña enviada en Mailchimp.
  • Su checklist ética de la Etapa 1 marcada.
La herramienta cambia, pero la responsabilidad sobre los datos y el mensaje siempre es de quien envía el correo — no de la IA que ayudó a redactarlo.
Scroll to Top