これは使える!レスポンシブ対応のさまざまなHTMLメールが簡単に作成できる無料のオンラインサービス -BeeFree
Post on:2014年10月27日
ビジネス用のニュース、プロダクトのリリース、プロモーションなど、さまざまなレイアウトのHTMLメールをドラッグ&ドロップで簡単に作成できるオンラインサービスを紹介します。
デスクトップ・スマホ両対応で、プレビューやメールアプリでのテストなど機能も非常に充実しています。日本語もOKでした!

使い方は簡単です。
上記ページの「Let's get started」をクリックし、HTMLメールを作ってみましょう。
※HTMLメールの作成やファイルのダウンロード時に登録は必要ありません。作成したメールをサーバー上にキープする時だけ登録が必要です。
まずはテンプレートの選択をします。
2カテゴリ各4種類、画像やテキストが仮配置された「Rich Templates」。

Rich Templatesの一覧
もう一つはシンプルな「Basic Teplates」。

Basic Templatesの一覧
「Rich Templates」の「Simple」を選択してみました。

Simpleのテンプレート
ちなみに「Basic Templates」を選択するとこんな感じです。

Basic Templateのテンプレート
テンプレートは既に配置されているものを変更したり、右側のパネルから要素を加えたりすることができます。日本語のテキストも文字化けせずに利用できました。

テンプレートの編集
下部の「Preview」で確認してみます。
「Send test」で指定したメールアドレスにメールとして送信することもできます。

下部の「Preview」をクリック
デスクトップ用のメールアプリでの表示を確認します。

デスクトップ用のプレビュー
上部でスマホ用と切り換えることができます。

スマホ用のプレビュー
作成が完了したら、ファイルをダウンロードします。
下部右側の「Save」で一旦保存します。

下部の「Save」をクリック
保存画面に移動します。
左の「Save as file」をクリックすると、ファイル一式がダウンロードできます。

保存画面
作成したものをキープする時は、ファイルをダウンロード後の指示に従い保存します。
sponsors