Crea Correos Responsive con MJML Framework


MJML es un lenguaje de enmarcado diseñado para hacer mas sencillo crear plantillas responsivas para correo electrónico. Su sintaxis semántica hace que sea mucho mas fácil y comprensible el código, además está basado en componentes y cuenta con una librería de componentes comunes para los correos lo que ayuda a acelerar el desarrollo.

La abstracción que MJML ofrece te permite estar siempre al corriente con los estándares y mejores prácticas de la industria, ya que se actualiza constantemente en base a los cambios en las especificaciones de los clientes de correo, y esto te garantiza que siempre generará código HTML válido y optimizado.

Instalación

MJML está escrito en NodeJS por lo que para instalarlo solo necesitas correr la siguiente linea de comandos en tu terminal.

npm i -g mjml

Esto te permitirá ejecutar MJML desde cualquier ubicación.

Crear template

Una vez que haz creado tu plantilla con MJML solo necesitas ejecutar este comando para convertirla a una plantilla de HMTL válida.

mjml -r plantilla.mjml

También puedes especificar un nombre distinto para la plantilla resultante.

mjml -r plantilla.mjml -o correo.html

Si no quieres estar escribiendo el comando cada vez que realices un cambio para ver el resultado, MJML también te permite observar y renderizar cada cambio.

mjml -w plantilla.mjml

Ejemplo básico

El siguiente código es un ejemplo básico de una plantilla con código MJML.
Visita la documentación para obtener mas información.

 	
 		 
			
 		
 	
 	
 		
 			
 			Easy and Quick
 		
 		
 			
			Responsive
 		
 	
	
 		
 			Discover
        
 	
  
Anterior Ya puedes ‘reaccionar’ de diferentes maneras en Facebook
Siguiente Google Chrome: Guardar contraseñas automáticamente

Sin Comentarios

Deja una respuesta

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