ITエンジニア/デザイナ向けにオープンソースを毎日紹介

メールマーケティングにおいて、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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2