PIXEL FACEBOOK

Crear Correos Electrónicos Responsive Fácilmente Con MJML Framework

mjml

Crear Correos Electrónicos Responsive Fácilmente Con MJML Framework

Diseñar y maquetar un newsletter es una tarea larga. Puede encontrar muchos consejos de diseño, pero codificar o maquetar un newsletter en una plantilla es la parte más difícil.

Ahí es donde entra en juego el framework MJML. Es uno de los mejores frameworks de correo electrónico gratuitos y se compila en HTML/CSS puro, el cual funciona para todos los clientes de correo electrónico.

Una de las cosas más frustrantes sobre la codificación y maquetacion de un boletín de noticias es hacer que funcione en todas las plataformas de correo electronico. Este trabajo se complica para cuando se trata de un diseño responsive que también debe funcionar para dispositivos móviles y de escritorio.

Afortunadamente, con el framework MJML obtienes una simple estructura de HTML, por lo que no es tan complicado el trabajo de codificar para diversas plataformas. Tienen una guía para principiantes que es ideal para cualquier persona nueva en el desarrollo de correo electrónico.

Utilizará elementos personalizados como <mj-column> para construir columnas y filas para su plantilla. Puede agregar texto, botones y espacios rápidamente, en función de sus necesidades. El framework de MJML convierte tu código de etiquetas de  MJML a HTML y CSS que cumplen con los estándares de los diversos servicios de correo electrónico.

A partir de ahí, puede probar su boletín de noticias para ver cómo se ve en varios clientes. Aunque, basado en las tablas de compatibilidad, diría que MJML es una opción fantástica para todos los correos electrónicos modernos.

Tenga en cuenta que necesita tener algún conocimiento del desarrollo de frontend para usar MJML correctamente. Ejecuta su propio lenguaje de plantillas patentado y lo convierte en HTML, pero también debe comprender lo que hace su código.

Para obtener más información sobre el funcionamiento de esta herramienta, consulte la página de preguntas frecuentes o navegue por el repositorio oficial de GitHub (¡sí, es de código abierto!)

O bien, puede utilizar el editor de navegador en vivo para jugar con el código MJML, sin descargar nada.

Este editor en vivo funciona como un transpiler en el navegador, por lo que puede usarlo para convertir su código en una plantilla de boletín de noticias.

Una vez que haya escrito algo de MJML, simplemente haga clic en el enlace «Ver HTML» sobre el panel de vista previa. Esto muestra todo el HTML sin formato, para que pueda copiarlo y pegarlo y usarlo para su propia plantilla.

Cualquier persona nueva en los boletines electrónicos debe comenzar con un framework o herramienta para el desarrollo agil. No hay una buena razón para codificar todo a mano, por lo que MJML es un gran ahorro de tiempo.

Para comenzar, visite los documentos en línea o incluso intente editar una de sus plantillas en el editor en vivo. Con solo unas pocas horas de trabajo, puede tener un boletín informativo por correo electrónico finalizado, codificado y listo para funcionar.

Artículos Relacionados

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Jenny Watson

Hi! beautiful people. I`m an authtor of this blog. Read our post – stay with us

Categorías

Artículos Relacionados

¡Descubre Hostinger, Crea tu Web y Empieza a Generar Presencia Online!

¿Buscas un hosting confiable y asequible para tu proyecto web? Hostinger te ofrece planes flexibles y potentes que se adaptan a tus necesidades. Desde sitios web personales hasta tiendas online, su tecnología de vanguardia garantiza un rendimiento excepcional.