MJML: Una herramienta para crear emails responsivos

MJML: Una herramienta para crear emails responsivos

La abstracción que ofrece MJML permite estar siempre al corriente del standar 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 nos garantiza que siempre generará código HTML válido y optimizado.

Instalación

En tu terminal debes escribir:

$ npm i -g mjml

Crear una plantilla

Debes crear una plantilla con la extension .mjml y debe contener algo como esto:

<mj-section>
    <mj-column>
        <mj-text align="left">HEADER TEXT</mj-text>
    </mj-column>
    <mj-column>
        <mj-text align="right">
            <a href="email-permalink"> Lorem ipsum </a>
        </mj-text>
    </mj-column>
</mj-section>
<mj-section background-url="/assets/img/background-url.jpg">
    <mj-column>
        <mj-image src="/assets/img/mj-image.jpeg"></mj-image>
        <mj-text align="center"> Lorem ipsum </mj-text>
        <mj-button> Discover </mj-button>
    </mj-column>
</mj-section>

Para convertir el archivo .mjml a un archivo .html hay que escribir esto en la terminal:

$ mjml input.mjml -o my-email.html

Para mayor informacion visitar la web del proyecto: https://mjml.io.


I'm Angel, a middle-aged handsome (some times frontend) backend developer.