レスポンシブ対応のHTMLメールをドラッグ&ドロップで驚くほど簡単に作成できる無料ツール -Topol.io
Post on:2017年10月12日
便利なツールがどんどんリリースされています。
一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。
デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。

Topol.ioはHTMLメールのフレームワーク「MJML」をベースに作成されており、さまざまなメールクライアントで見栄えがよいHTMLメールを簡単に作成できます。

さまざまなデザインのHTMLメールを作成できる
Topol.ioの使い方は簡単です。
登録など面倒なことは不要で、HTMLメールを作成し、ダウンロードできます。
まずは、サイトにアクセスし、「Start Designing」ボタンをクリックします。

続いて、テンプレートを選択します。
左上はブランクで、ほかはデザインのテンプレートが揃っています。

テンプレートの選択
テンプレートを選択すると、編集画面に移動します。

HTMLメールの編集画面
編集は簡単で、変更したい箇所をクリックしたり、ドラッグで移動したり、左パネルから要素を追加することができます。

日本語も大丈夫
要素をクリックすると、移動アイコンや編集アイコンやゴミ箱アイコンが表示されます。

要素をクリック
レイアウトを変更することもでき、左パネルのタブで切り替えます。

用意されているレイアウト
完成したHTMLメールは、右上の「Download」ボタンからダウンロードできます。

HTMLメールのダウンロード
Topol.ioでは有料のProバージョンも用意されており、画像をGoogle CDNにホストすることもできます。
sponsors