メールマーケティングにおいて、HTMLメールを利用する機会が多くなっていますが、使い勝手はWebでHTMLを表示するのとは多少異なります。さらにレスポンシブなフォーマットに対応させるのは大変です。 そんなHTMLメール用に作られたマークアップとしてMJMLがありますが、そのMJMLを使ってWeb上でオーサリングできるのがGrapesJS MJMLです。

GrapesJS MJMLの使い方

オーサリング画面です。

スマートフォンでの見た目を確認できます。

様々なブロックが用意されています。

できあがったMJML、HTMLを確認できます。

GrapesJS MJMLでメールのテンプレートを作成すれば、後はシステムなどに組み込むのも容易でしょう。MJMLに沿っておけば、レイアウトが乱れる可能性も少なそうです。様々なブロックが用意されていますので、多彩なHTMLメールが作れるでしょう。

GrapesJS MJMLはJavaScript製のオープンソース・ソフトウェア（BSD）です。

GrapesJS Demo - Free Open Source MJML Newsletter Builder artf/grapesjs-mjml: Newsletter Builder with MJML components in GrapesJS