レスポンシブ対応のHTMLメールをドラッグ&ドロップで驚くほど簡単に作成できる無料ツール -Topol.io
Post on:2017年10月12日
便利なツールがどんどんリリースされています。
一から作成するとなかなか面倒なレスポンシブ対応のHTMLメールを簡単に作成できる無料のオンラインツールを紹介します。
デザインもさまざまなテンプレートが用意されており、主要なメールクライアントすべてをサポートしています。
![レスポンシブ対応のHTMLメール](http://coliss.com/wp-content/uploads-201704/2017101206.png)
Topol.ioはHTMLメールのフレームワーク「MJML」をベースに作成されており、さまざまなメールクライアントで見栄えがよいHTMLメールを簡単に作成できます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101209.gif)
さまざまなデザインのHTMLメールを作成できる
Topol.ioの使い方は簡単です。
登録など面倒なことは不要で、HTMLメールを作成し、ダウンロードできます。
まずは、サイトにアクセスし、「Start Designing」ボタンをクリックします。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101208.png)
続いて、テンプレートを選択します。
左上はブランクで、ほかはデザインのテンプレートが揃っています。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-00.png)
テンプレートの選択
テンプレートを選択すると、編集画面に移動します。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-01.png)
HTMLメールの編集画面
編集は簡単で、変更したい箇所をクリックしたり、ドラッグで移動したり、左パネルから要素を追加することができます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-02.png)
日本語も大丈夫
要素をクリックすると、移動アイコンや編集アイコンやゴミ箱アイコンが表示されます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-03.png)
要素をクリック
レイアウトを変更することもでき、左パネルのタブで切り替えます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-04.png)
用意されているレイアウト
完成したHTMLメールは、右上の「Download」ボタンからダウンロードできます。
![サイトのキャプチャ](http://coliss.com/wp-content/uploads-201704/2017101210-05.png)
HTMLメールのダウンロード
Topol.ioでは有料のProバージョンも用意されており、画像をGoogle CDNにホストすることもできます。
sponsors