Reseña del framework de email MJML

Si buscas una herramienta que te ayude a crear emails HTML adaptables con menos código, ahorrar tiempo y lanzar campañas de marketing que se vean bien en cualquier pantalla, ¡quizá MJML sea una buena opción para ti! Lee esta reseña para saber qué es MJML y decidir si te encaja o si te conviene buscar alternativas. Hablaremos de las plantillas de email de MJML, su editor, la compatibilidad con clientes de correo y mucho más.

Reseña de las funciones de MJML

¿Qué es MJML?

MJML son las siglas de Mailjet Markup Language. Es un framework que te permite crear emails HTML más rápido gracias a su biblioteca de componentes listos para usar, como texto, imagen, botón, columna, sección y otros.

Si tienes algo de idea de programación, prueba MJML para simplificar la creación de emails: entra en el editor online de MJML para explorar la biblioteca de componentes y aprovechar la potencia de su sintaxis semántica. La plataforma te deja ver la vista previa de tu email HTML antes de generar el resultado final.

MJML es un framework gratuito y de código abierto: cualquiera puede acceder al código del motor. La comunidad de MJML comparte con entusiasmo sus propias plantillas, componentes y herramientas para mejorar la plataforma. Todo el mundo puede usar las soluciones creadas por la comunidad: por ejemplo, en la página «Community» encontrarás mucha información útil, con enlaces a herramientas gratuitas en GitHub y chats donde hablar de MJML con otros usuarios.

El editor de emails de MJML

El editor de emails de MJML tiene dos paneles: en el izquierdo combinas los componentes para montar el email HTML y en el derecho ves la vista previa.

El panel derecho te muestra cómo se verá tu email tanto en escritorio como en móvil. Eso sí, sigue siendo necesario probar tus campañas antes de enviarlas, sobre todo si tienes una base de suscriptores grande.

Además del editor online, puedes descargar el motor y usarlo sin conexión en tu ordenador. Este modo offline es lo que distingue al framework MJML de la competencia.

La app de escritorio de MJML

Si quieres usar MJML en local desde tu ordenador, puedes descargar la app de MJML. Estas son algunas de sus funciones que te pueden resultar útiles:

• la app de escritorio de MJML te permite explorar las plantillas MJML ya hechas y personalizarlas;
• trabaja con tus plantillas sin conexión;
• ve el resultado de tu código igual que en la versión online;
• guarda tus campañas para usarlas más adelante;
• envía los emails directamente desde la app de MJML y comprueba cómo se muestran los elementos (para esta función necesitas una cuenta de Mailjet).

Si prefieres tu propio editor de código, MJML tiene plugins para editores como Visual Studio Code y Sublime Text. Estos plugins entienden los componentes de Mailjet Markup Language, así que editar el contenido del email resulta más fácil.

Plantillas de email de MJML

MJML ofrece unas 20 plantillas de email gratuitas para distintos fines: campañas de bienvenida, fechas populares como Navidad y Black Friday, recibos, etc. La biblioteca de MJML también incluye varias plantillas por sectores, como inmobiliaria, venta de entradas, viajes y ecommerce. Puedes filtrar el tipo de email con etiquetas especiales en la página «Templates».

Las plantillas están escritas en Mailjet Markup Language, así que lo mejor es editarlas en el editor de MJML. Cada plantilla se puede abrir y editar online: puedes añadir, cambiar y eliminar componentes de la plantilla directamente en el editor de MJML. Las plantillas de MJML son una gran opción cuando no quieres crear un email desde cero.

Las plantillas de la galería gratuita de MJML son totalmente adaptables, así que no tienes que preocuparte por cómo se verán en móvil. Aun así, te recomendamos probar tus campañas de MJML antes de enviarlas a tu audiencia.

Integración de MJML con los clientes de correo

Cada componente de MJML (columna, texto, imagen, etc.) tiene requisitos específicos para cada cliente de correo popular. Por eso, antes de enviar un email hecho con MJML, tienes que asegurarte de que los componentes elegidos se muestran bien en los clientes de correo de tus destinatarios.

MJML es compatible con estos clientes de correo (aunque algunos de sus componentes no lo son):

• Outlook;
• Apple Mail;
• Gmail;
• Yahoo Mail;
• Office 365.

Puedes comprobar la compatibilidad de los componentes con los distintos clientes de correo en esta guía.

Alternativas y competidores de MJML

Como cualquier solución tecnológica, MJML tiene algunos defectos que pueden hacerte pensar en alternativas. Según sus usuarios, estas son las desventajas de este framework de email:

• Algunos componentes de MJML no se muestran en ciertos clientes de correo (por ejemplo, las imágenes de fondo).
• El código HTML que genera MJML no siempre es todo lo limpio que podría ser. Las etiquetas de más aumentan el tamaño de los archivos y el riesgo de errores.
• Necesitas experiencia con HTML para trabajar con Mailjet Markup Language, corregir fallos y controlar la creación de emails.
• Algunos elementos generados con MJML no se ven bien en Outlook.

Si buscas un framework de código abierto para crear emails y te manejas con HTML, hay muchas alternativas a MJML en el mercado, por ejemplo:

• Foundation for Emails. Sus funciones se parecen a las de MJML: tiene componentes propios, una colección de plantillas de email y la posibilidad de crear campañas adaptables. Con Foundation for Emails se puede trabajar de dos maneras: con la versión CSS o con la versión Sass. Foundation for Emails no tiene editor de emails, así que en esto MJML gana a su competidor.

• Maizzle. El framework de email Maizzle usa Tailwind CSS para generar emails HTML. Se centra en que el usuario pueda personalizar los elementos del email: añadir componentes propios, optimizar los emails para escritorio o móvil y añadir fuentes personalizadas. A diferencia de MJML, Maizzle no tiene editor de emails ni plantillas gratuitas.

Si aprender HTML no es tu prioridad ahora mismo, quizá te interese considerar los editores de emails de arrastrar y soltar como alternativa a MJML. Aquí tienes algunas opciones para empezar:

• Blocks, creador de emails de arrastrar y soltar. Blocks ofrece posibilidades tanto a marketers como a programadores. Si no sabes nada de programación, puedes editar y personalizar plantillas de email sin tocar el código gracias a los elementos ya preparados. Si eres un programador experimentado, puedes pasar al modo de código con el botón «Código» del panel superior y trabajar directamente con el HTML. Blocks genera un código HTML limpio y adaptable que se ve bien en los clientes de correo más populares. Puedes probarlo gratis.
• Knak, editor de arrastrar y soltar. Knak es un editor de emails y landing pages muy popular, con una interfaz fácil de usar y una biblioteca de plantillas. Además, Knak está totalmente integrado con ESP y plataformas de automatización de marketing (MAP) populares como Eloqua, Marketo, Salesforce y otras. Esta plataforma encaja tanto con equipos de marketing pequeños como grandes. Solicita una demo en la web de Knak para ver lo que puede hacer.
• Stripo, herramienta de diseño de emails de arrastrar y soltar. Stripo te permite crear plantillas de email personalizadas a partir de módulos ya hechos. Si no quieres crear emails desde cero, Stripo tiene una amplia galería de plantillas: desde emails de carrito abandonado hasta Acción de Gracias y San Patricio. Stripo ofrece planes tanto para usuarios individuales como para empresas, ¡así que seguro que encuentras uno que te encaje!

Si quieres conocer más frameworks de email, hemos preparado una comparativa de las soluciones más conocidas. Comparamos sus ventajas y desventajas para que decidas cuál se ajusta mejor a tus objetivos.

Y si encuentras algún error o incoherencia en este artículo o en cualquier otro de nuestro blog, escríbenos a support@useblocks.io. Lo revisaremos y lo corregiremos lo antes posible.