MJML

Quem já montou e-mail em HTML na mão conhece as tabelas aninhadas e o CSS inline que os clientes de e-mail exigem. Desenvolvedores da Mailjet criaram o MJML em 2015, uma linguagem de marcação para poupar esse trabalho. Você escreve com tags <mj-*> e o motor gera o HTML responsivo.

Para que serve

• Escrever templates de newsletter em marcação curta, sem montar tabela por tabela.
• Gerar HTML que o site descreve como responsivo nos clientes de e-mail mais usados, inclusive o Outlook.
• Compilar os templates no build pela CLI, com saída minificada ou formatada.
• Editar com pré-visualização no VS Code pelo plugin oficial, ou testar no editor online do site.
• Embutir a conversão num sistema próprio pela API do MJML, que é gratuita.

Como começar

A instalação é pelo npm, e a CLI converte um arquivo .mjml em HTML:

npm install mjml
mjml input.mjml -o output.html

A opção -w vigia o arquivo e recompila a cada alteração, e -s manda o resultado para a saída padrão. O HTML gerado vai para a sua plataforma de envio, seja um listmonk próprio ou outro serviço. Se a lista ainda está no começo, o guia de newsletter cobre o restante do processo.

Licença e custo

O MJML usa a licença MIT. Dá para embutir o motor num produto pago, com uma condição só: manter a nota de copyright. Nenhum plano pago aparece no site.

Quando vale a pena

O ganho aparece em equipes que mantêm vários templates em código e sofrem a cada ajuste de layout. Quem monta campanha no editor de arrastar e soltar do próprio serviço de e-mail marketing não precisa dele. Um layout bem feito não garante a caixa de entrada: isso depende de SPF, DKIM e DMARC configurados no domínio. Foundation for Emails e React Email atacam o mesmo problema.