15 mejores constructores de emails HTML en 2026
Maquetar un email HTML que se vea bien en todos los clientes de correo es una de las tareas más ingratas del desarrollo web. Esta guía reúne las herramientas que lo vuelven manejable y explica a quién le sirve cada una.
Por Mara Levin. Cada precio sale de la página de precios del proveedor; las funciones, de su documentación.
En resumen: qué elegir según tu caso
- Si programas: MJML si quieres un lenguaje de marcado independiente de tu stack, React Email si ya trabajas con React y TypeScript, Maizzle si te mueves entre Vue y Tailwind.
- Si edita marketing: Stripo (desde $20 al mes) o BEE Free (plan gratuito y plan profesional de $30) para arrastrar y soltar con exportación a tu plataforma.
- Si el editor va dentro de tu producto: Unlayer o Chamaileon, con la salvedad de que los precios publicados parten de $250 y $400 al mes.
- Si quieres probar antes de enviar: Litmus o Email on Acid, que previsualizan el correo en decenas de clientes.
- Si ya tienes plataforma de envío: Empieza por el editor de Mailchimp o de Brevo antes de pagar otra herramienta.
Comparativa rápida
| Herramienta | Tipo | Para quién | Precio de partida |
|---|---|---|---|
| MJML | Lenguaje de marcado | Equipos de desarrollo | Gratis (licencia MIT) |
| React Email | Componentes React | Equipos con React | Gratis (licencia MIT) |
| Maizzle | Framework con Vue y Tailwind | Desarrollo front-end | Sin precio publicado |
| Stripo | Editor visual | Marketing y diseño | Gratis; Basic $20 al mes |
| BEE Free | Editor visual | Equipos pequeños | Gratis; Professional $30 al mes |
| Chamaileon | Editor embebible | Productos SaaS | Desde $400 al mes |
| Unlayer | Editor embebible | Desarrolladores de apps | Launch $250 al mes |
| Postcards | Editor visual | Equipos de diseño | Planes de pago |
| Litmus | Pruebas y editor | Equipos con proceso de QA | Planes de pago |
| Email on Acid | Pruebas | Equipos de QA | Basic $99 al mes |
| Mailchimp | Editor de plataforma | Usuarios de Mailchimp | Gratis; Standard desde $20 al mes |
| Brevo | Editor de plataforma | Usuarios de Brevo | Gratis; Starter $9 al mes |
| Parcel | Editor de código | Desarrolladores de email | $0; producción $29 por usuario |
| Topol | Plugin de editor | Productos con edición | Startup $70 al mes |
| EDMdesigner | Editor embebible | Proyectos white-label | A consultar con el proveedor |
El desglose completo
Las herramientas están agrupadas por tipo de flujo de trabajo (código, editores visuales, editores embebibles, pruebas y editores de plataforma), no por calidad. El número es solo el orden de lectura.
MJML (Mailjet Markup Language) sustituye las tablas anidadas por etiquetas como mj-section y mj-column, y las compila a HTML pensado para clientes de correo. Su documentación indica que las columnas se apilan solas en móvil. La licencia es MIT, según su FAQ.
<mjml>
<mj-body>
<mj-section>
<mj-column>
<mj-text>Hola, Lucía</mj-text>
<mj-button href="https://example.com">
Empezar
</mj-button>
</mj-column>
</mj-section>
</mj-body>
</mjml>Se instala con npm install mjml y se compila con mjml entrada.mjml -o salida.html o desde Node con mjml2html. Hay complemento para Visual Studio Code y un editor en línea gratuito.
Dónde se queda corto: necesita un paso de compilación, no envía nada por sí solo y los diseños muy singulares exigen HTML a mano. Además, la documentación advierte que mj-button no es clicable en toda su superficie en algunos clientes.
Mejor para: equipos de desarrollo que quieren plantillas versionadas en Git y no dependen de React.
React Email lleva el desarrollo por componentes al correo. Su documentación actual se instala con npm install react-email react react-dom, ofrece un servidor local con vista previa (email dev) y convierte el componente en una cadena HTML con la utilidad render, lista para pasársela a cualquier proveedor.
import { Html, Button, Text } from "react-email";
export default function Bienvenida() {
return (
<Html lang="es">
<Text>Hola, Lucía</Text>
<Button href="https://example.com">Empezar</Button>
</Html>
);
}Sus integraciones documentadas incluyen Resend, Nodemailer, SendGrid, Postmark, Mailgun, AWS SES y Brevo. También genera la versión en texto plano con toPlainText. Los componentes están probados, según el proyecto, en Gmail, Apple Mail, Outlook, Yahoo!, HEY y Superhuman.
Dónde se queda corto: exige conocer React y un entorno de compilación, y diseño y marketing necesitan que un desarrollador les pase las plantillas.
Mejor para: equipos cuyo producto ya es React y quieren que el correo comparta tipos y utilidades con la aplicación.
La versión actual de Maizzle, según su documentación, se escribe con componentes de un solo archivo de Vue y se estiliza con Tailwind CSS. Al compilar para producción, convierte los componentes en HTML e incorpora transformadores que inyectan el CSS en línea, eliminan lo que no se usa y añaden alternativas para Outlook.
Incluye servidor de desarrollo con recarga, emulación de modo oscuro, una CLI y un plugin de Vite para usarlo dentro de proyectos con Laravel, Nuxt, SvelteKit o Astro. Anuncia más de 30 componentes de correo.
Dónde se queda corto: es el más exigente para quien no conoce Vue ni Tailwind. Las guías antiguas que circulan por internet describen versiones anteriores, así que desconfía de ellas.
Mejor para: desarrolladores que ya viven en el ecosistema Vue o Vite y quieren la misma sintaxis en la web y en el correo.
Stripo es un editor de arrastrar y soltar con un plan gratuito sin límite de tiempo. Su página de precios muestra Basic a $20 al mes ($200 al año), Medium a $45 ($450 al año) y Pro a $125 ($1.250 al año).
Lo que decide la compra no es el precio de entrada, sino qué exportaciones, plantillas guardadas y colaboración incluye cada plan. Comprueba esas condiciones con tu propia plataforma de envío antes de pagar.
Dónde se queda corto: es un editor, no un sistema de envío; el HTML exportado sigue necesitando una prueba final tras pasar por tu plataforma, que puede reescribir enlaces e imágenes.
Mejor para: equipos de marketing que producen campañas con frecuencia y las suben a una plataforma que ya usan. Hay una comparativa con BEE Free.
El plan Starter de Beefree es gratuito y admite hasta 10 diseños y 6 exportaciones al mes. El plan Professional cuesta $30 al mes y añade carpetas de proyecto y bloques reutilizables sin límite; Business sube a $160 al mes y suma controles de marca avanzados, según su página de precios.
Beefree vende además su editor como un SDK embebible, que se contrata aparte del editor para equipos. Son dos decisiones de compra distintas.
Dónde se queda corto: el límite de seis exportaciones al mes del plan gratuito se agota rápido si envías con regularidad, y tiene menos control sobre el HTML que un framework de código.
Mejor para: una persona o un equipo pequeño que necesita correos presentables sin curva de aprendizaje.
La página de precios de Chamaileon indica un precio de partida de $4.000 al año o $400 al mes, e incluye una incorporación a medida, la configuración de un sistema de diseño de correo y soporte 24/7. No ofrece plan gratuito.
Se orienta a empresas donde varias personas intervienen en cada correo y alguien tiene que aprobarlo. Es un gasto que solo se justifica si ese flujo de revisión es un problema real.
Dónde se queda corto: no tiene sentido para una persona sola ni para un equipo que envía un boletín al mes. La integración como editor dentro de un producto requiere trabajo de desarrollo.
Mejor para: empresas con muchos equipos, marcas o aprobadores que necesitan control sobre las plantillas.
Unlayer ofrece un editor de arrastrar y soltar para incrustar en tu producto. Su página de precios lista tres planes, Launch a $250 al mes, Scale a $750 y Optimize a $2.000, todos con 14 días de prueba y 1 TB de ancho de banda incluido.
El componente oficial de React funciona así, según el README del proyecto:
import EmailEditor from 'react-email-editor';
function Editor() {
const emailEditorRef = useRef(null);
const exportHtml = () => {
emailEditorRef.current?.editor?.exportHtml((data) => {
const { design, html } = data;
console.log(html);
});
};
return <EmailEditor ref={emailEditorRef} />;
}Dónde se queda corto: el coste es de empresa, no de proyecto personal. Y conviene guardar tu propia representación del diseño (el JSON) para no depender del proveedor a largo plazo.
Mejor para: productos SaaS que quieren dar a sus clientes un editor de correo sin construirlo.
Postcards, de Designmodo, trabaja con bloques modulares que se combinan para componer correos con una estética cuidada. Es una capa de edición: no sustituye a tu sistema de envío ni a tus automatizaciones.
No hemos podido verificar un precio actual en su página, así que no citamos ninguno; consúltalo en la página oficial antes de presupuestar.
Dónde se queda corto: si tu correo es muy dinámico (contenido del producto, personalización profunda), los módulos puramente visuales se quedan cortos.
Mejor para: boletines y campañas de diseño constante con módulos reutilizables.
Litmus es sobre todo una plataforma de pruebas: previsualiza el correo en distintos clientes y dispositivos y centraliza las revisiones. También incluye un editor de código para trabajar con esas vistas previas al lado.
Su página de precios no publica las tarifas de forma que podamos citarlas con seguridad, por lo que conviene pedir presupuesto con tu número de usuarios y pruebas mensuales.
Dónde se queda corto: una captura de pantalla no demuestra que el correo llegue a la bandeja de entrada. Es un coste difícil de justificar si envías pocas veces al mes.
Mejor para: equipos grandes con flujos de aprobación y requisitos de cobertura de clientes. Hay una comparativa con Parcel.
Según su página de precios, el plan Basic cuesta $99 al mes e incluye 1.000 vistas previas mensuales en más de 100 clientes y dispositivos, con acceso a la API. Premium, a $199 al mes, sube a 2.000 vistas previas y suma pruebas de accesibilidad y análisis del HTML. Cada vista previa adicional cuesta $0,15.
La misma página avisa de que, desde junio de 2026, los suscriptores actuales empezarán a pasar a Mailgun Inspect. Si vas a contratar, confirma qué producto recibirás.
Dónde se queda corto: no es una herramienta de maquetación, y no hay plan gratuito.
Mejor para: equipos que quieren un paso de verificación claro antes de cada envío.
Si ya usas Mailchimp, su editor evita la exportación e importación de HTML. El plan gratuito incluye un público de hasta 250 contactos y 500 envíos al mes (máximo 250 al día); Standard parte de $20 al mes con el selector de 500 contactos, según su página de precios. También admite plantillas con código propio.
Dónde se queda corto: el precio depende de los contactos, no solo de los envíos, y migrar plantillas a otra plataforma exige trabajo. Es menos adecuado cuando las plantillas son parte del código del producto.
Mejor para: pequeñas empresas y boletines que prefieren una sola herramienta.
Brevo (antes Sendinblue) incluye el editor en una plataforma que reparte el coste por volumen de envíos. El plan gratuito permite 300 correos al día; Starter empieza en $9 al mes con 5.000 correos mensuales y sin límite diario, y Standard en $18, según su página de precios.
Dónde se queda corto: la profundidad del editor y de la automatización varía según el plan, y no sustituye a una plantilla reutilizable en código.
Mejor para: equipos que quieren enviar volumen sin pagar por contacto y prefieren no gestionar herramientas separadas.
Parcel es un editor de código diseñado para escribir HTML de correo, con vista previa y herramientas de colaboración. Su página de precios lista un plan de código a $0, otro de producción a $29 por usuario al mes y otro para equipos grandes a $56.
Dónde se queda corto: es solo para quien escribe código, no cubre la gestión de listas ni los envíos y tiene una comunidad más reducida que MJML.
Mejor para: quien quiere un entorno de edición más cómodo que un IDE genérico sin pasar a un framework.
La página de precios de Topol muestra tres planes por usuarios prepagados: Startup a $70 al mes con 50 usuarios, Expansion a $140 con 100 y Business a $300 con 500, con un coste por usuario adicional que baja de $1,60 a $0,70.
Dónde se queda corto: el modelo está pensado para el plugin dentro de un producto, no para una persona que busca un editor suelto, y hay que validar el control de permisos y la exportación en tu integración.
Mejor para: productos con muchos usuarios que editan correos ocasionalmente. Compárala con Stripo en Topol frente a Stripo.
EDMdesigner ofrece un editor de correo que se integra en el producto de otra empresa con su propia marca. No tenemos un precio público verificado, y por eso no lo citamos.
Dónde se queda corto: es excesivo para productos pequeños y obliga a pedir una oferta para comparar costes con Unlayer o Chamaileon.
Mejor para: empresas que necesitan personalizar a fondo la apariencia del editor.
Cómo decidir sin perderte entre funciones
Si las plantillas deben vivir en Git
Elige entre MJML, React Email y Maizzle según el lenguaje que tu equipo ya domina: marcado propio, React o Vue. Si dudas entre los dos primeros, la comparativa MJML frente a React Email las contrasta con código.
Si marketing quiere editar sin pedir ayuda
Un editor visual como Stripo o BEE Free es la vía directa. Haz una prueba con un correo real: cambia un texto, mueve un bloque y exporta a tu plataforma. Si el pie con el enlace de baja se rompe en el proceso, ya sabes lo que te espera.
Si tu producto debe ofrecer un editor a sus clientes
Compara Unlayer, Chamaileon y Topol con la misma prueba: guardar, volver a abrir, exportar y aislar los diseños de cada cliente. Con precios de partida entre $70 y $400 al mes, una integración mal elegida cuesta más en horas de desarrollo que en licencia.
Si el problema es la calidad, no la creación
Añade Litmus o Email on Acid como paso previo al envío. No arregla el correo, pero evita que el error llegue a los lectores.
Si el presupuesto es muy ajustado
Empieza por MJML o React Email, que no cobran licencia; para edición visual, el plan gratuito de BEE Free o el de Brevo, que ya incluye envío. Si más tarde necesitas enviar desde código, la guía de servicios de email API-first compara los proveedores.
La conclusión
No hay un constructor mejor en abstracto: hay uno que encaja con quién edita, quién envía y quién responde cuando algo se rompe. Si esa persona es un desarrollador, las opciones gratuitas de código son difíciles de superar. Si es alguien de marketing, un editor visual con exportación a tu plataforma ahorra más tiempo que cualquier framework.
Antes de comprar nada, construye en dos finalistas el mismo correo, con su botón, su imagen, la personalización y el pie legal; envíalo por tu plataforma real y ábrelo en los clientes que usan tus lectores. Una hora de esa prueba vale más que cualquier tabla de funciones, incluida la de esta página.
Preguntas frecuentes
¿Por qué es tan difícil programar un email en HTML?
Porque cada cliente de correo dibuja el HTML a su manera. Outlook de escritorio para Windows usa el motor de Word, Gmail descarta parte del CSS y no existe un estándar equivalente al de los navegadores. Por eso casi todo el correo serio se maqueta con tablas y estilos en línea, y por eso existen estas herramientas: absorben esa fricción.
¿Puedo usar CSS normal en un email?
Solo una parte. Para saber qué propiedades se pueden usar sin riesgo, consulta caniemail.com, que publica una tabla de soporte por cliente. Flexbox y Grid tienen un soporte muy limitado, las media queries llegan a una parte de los lectores y los estilos en línea son lo más seguro. Los constructores de esta lista se ocupan de ello por ti.
¿Necesito otra herramienta para enviar los correos?
Con casi todas, sí. MJML, React Email, Maizzle, Stripo, BEE Free, Parcel y Topol producen HTML que luego subes a tu plataforma de envío o mandas con un servicio de envío. Mailchimp y Brevo incluyen el editor dentro de la plataforma, lo cual simplifica el flujo pero te ata a ella.
¿Cuánto cuesta realmente tener un constructor visual?
Hay un salto grande entre las opciones para equipos de marketing y las embebibles. En las páginas de precios consultadas el 7 de octubre de 2026, Stripo parte de $20 al mes y BEE Free profesional de $30; en cambio, los editores pensados para integrarse en un producto, como Unlayer ($250 al mes) o Chamaileon (desde $400 al mes), son un gasto de otra categoría.
¿Y el modo oscuro?
Mejora, pero sigue siendo desigual. Según caniemail, la media query prefers-color-scheme tiene un soporte estimado de alrededor del 42 %, así que ningún constructor puede prometerte que tu diseño se vea igual en todos los clientes. Lo sensato es elegir colores que soporten una inversión automática y probar en los clientes que usa tu audiencia.