Blog

Qué elegir si necesita escribir código

Si su equipo quiere plantillas con control de versiones, revisión en pull request y HTML predecible, MJML es el punto de partida más directo: es código abierto y compila un lenguaje de marcado propio a HTML responsive pensado para clientes de correo. Si su aplicación ya está construida con React, React Email le permite reutilizar componentes en el correo. Ninguno de los dos marcos tiene un precio de licencia que pagar; el gasto real está en el proveedor de envío y en el tiempo de pruebas en clientes reales.

Los editores visuales comerciales cambian la pregunta. Stripo, BEE y Unlayer permiten que diseñadores y personal de marketing construyan plantillas sin código, a costa de menos control directo sobre el HTML exportado. Para estos productos no citamos precios en esta página: consulte la web oficial de cada proveedor, porque las condiciones cambian con frecuencia y dependen de su volumen y de sus necesidades.

Comparación de constructores de emails HTML

Los enlaces a cada proveedor están en las secciones siguientes. En todos los casos, la página de precios del proveedor es la fuente que debe citar antes de firmar.

Cada herramienta, con sus límites

MJML

Destaca cuando la plantilla se mantiene como código junto al resto de su proyecto. Sus componentes generan la estructura de tablas y los estilos responsive que los clientes de correo necesitan, y eso reduce el trabajo manual de compatibilidad. Donde se queda corto: si su equipo no conoce su marcado, la curva inicial es real, y cuando algo se renderiza mal hay que depurar la salida compilada, no la fuente. Precio: código abierto. Más información en mjml.io.

React Email

Su ventaja para un equipo de producto es compartir componentes con la aplicación: el mismo botón, el mismo encabezado y las mismas variables de usuario. Se queda corto si la empresa no tiene desarrolladores de React, porque entonces cada cambio de copy pasa por un ingeniero. Precio: código abierto. Más información en react.email.

Maizzle

Encaja con equipos que ya usan Tailwind CSS y quieren plantillas que se generen desde datos. Su punto débil es el proceso de compilación: hay que mantenerlo, y el primer montaje exige decidir cómo se inyectan las variables. Precio: código abierto. Más información en maizzle.com.

Stripo

Sirve a diseñadores que quieren construir plantillas en un editor visual y exportar HTML. Donde falla es en la confianza en la exportación: conviene abrir cada plantilla en los clientes de su audiencia antes de programarla, y revisar la accesibilidad, porque un editor visual no garantiza un orden de lectura correcto. Precio: consulte la página oficial de precios en stripo.email.

BEE (Beefree)

Es útil cuando marketing, diseño y revisión trabajan sobre la misma plantilla. Su límite está en el control fino del HTML: lo que no tiene una opción visual es más difícil de conseguir. Precio: consulte la página oficial en beefree.io.

Unlayer

Está pensado para que el editor de correo forme parte de su propio producto, de modo que sus clientes diseñen sus emails dentro de su aplicación. El reto es de integración: hay que decidir qué bloques ofrece, qué variables expone y cómo guarda el diseño. Precio: consulte la página oficial en unlayer.com.

Coste según el tamaño de su lista

Con los marcos de código abierto, el coste de la plantilla es cero en licencias; lo que crece con la lista es el proveedor que envía los correos. Con un editor comercial, el precio depende del plan y del volumen de cada proveedor. Esta tabla le sirve para preparar la pregunta de precios antes de pedir presupuesto.

Cómo elegir según su situación

Si todavía no tiene claro el tipo de artículo que le conviene, empiece por la guía completa sobre constructores y después lea la de compatibilidad con clientes de correo, que es donde suelen aparecer los problemas reales.

Lista de migración

Cambiar de constructor a mitad de año obliga a repetir el trabajo de compatibilidad. Antes de cambiar, recorra estos pasos en orden y no pase al siguiente hasta cerrar el anterior.

Antes de decidir

Este hub no compara resultados de pruebas propias. Las recomendaciones se basan en lo que cada proveedor documenta sobre su producto y en las reglas de compatibilidad de los clientes de correo. Antes de firmar un contrato, lea la página de precios vigente del proveedor, pida una demostración con una plantilla real de su catálogo y compruebe que el HTML exportado funciona en los clientes que usa su audiencia.

Si quiere profundizar en un punto concreto, empiece por el diseño responsivo o por la accesibilidad, dos áreas en las que cualquier constructor necesita revisión manual.

Preguntas frecuentes

¿Qué constructor elijo si mi equipo solo sabe HTML?

MJML es la opción más directa: su marcado es más corto que el HTML de tablas que produciría a mano y compila a una salida responsive. Conviene dedicar una semana a plantillas de prueba antes de migrar las reales.

¿Los marcos de código abierto no tienen ningún coste?

No tienen licencia que pagar, pero sí tienen coste de tiempo: montar el proceso de compilación, mantenerlo y probar cada plantilla en clientes de correo. Además, el envío de los correos se paga aparte.

¿Puedo empezar con un editor visual y pasar después a código?

Sí, siempre que guarde el HTML exportado de cada plantilla aprobada. Al pasar a código, el HTML generado suele necesitar limpieza: las clases y estructuras de un editor no siempre se traducen bien a un marco de código.

¿Cómo sé si el HTML exportado funciona en Outlook?

No puede confiar en la captura del editor. Renderice la plantilla en la versión de Outlook que usa su audiencia y compruebe el ancho, los márgenes y las imágenes. La guía de compatibilidad explica qué propiedades de CSS se comportan de forma distinta.

¿Qué pasa con las variables al migrar de herramienta?

Cada herramienta usa su propia sintaxis para las variables. Haga un inventario de todas ellas, cámbielas en una copia de la plantilla y envíe un correo de prueba a una cuenta controlada antes de tocar la plantilla en producción.

¿Dónde consulto los precios actuales de Stripo, BEE o Unlayer?

En la página oficial de precios de cada proveedor, enlazada en la sección correspondiente de este hub. Los precios de estos productos cambian con frecuencia y dependen del plan y del volumen, por eso no los reproducimos aquí.

¿Con qué frecuencia debo revisar la elección?

Cada vez que cambie un cliente de correo importante en su audiencia o cuando cambie el plan de su proveedor. Revise también la guía de modo oscuro cuando sus plantillas usen colores de fondo intensos.