こんにちは、サポート部の山本です。
最近ほとんどのメルマガで見かけるHTMLメール。作成は手作業でするには結構難しく、メーラーの数は多いですし、メーラーの種類によって仕様も異なり、実際の見え方もまちまちになってしまいます。
通常のWEBページ作成でブラウザ対応をするよりも難しいかもしれません。
そこで今回はレスポンシブなHTMLメールが簡単に作成できる「BeeFree」というツールがあったので試してみました。
HTMLメールを簡単制作できる無料ツール「BeeFree」
サイトにアクセスしてみると、会員登録などの煩わしい手続きなく、いきなりテンプレートを選択することができます。リッチなテンプレートか、ベーシックなテンプレートか。今回はリッチなテンプレートの中から「Newsletter」を選択してみます。
テンプレートを選択すると、ＨＴＭＬメールの編集画面になります。画面左側には、ほぼ完成形のテンプレートが入っていて、ドラッグ＆ドロップ等の簡単な操作で編集ができます。
右側のパネルにある編集メニューを操作することでコンテンツを編集したり、追加することも可能です。
テキストの大きさやフォント、カラー等も直感的に自由に変更できます。
デスクトップにある画像もドラッグ＆ドロップで簡単に入れられます。
驚いたことに、本格的な画像編集機能も備わっています。リサイズしたりエフェクトをかけたり、色合いの調整をしたりと、なかなかの高機能で使い勝手もいいです。
ECサイト運営でのメルマガに必須の、コンバージョンボタンの編集することができます。
作成したHTMLメルマガをプレビューしてみましょう。プレビューはもちろんモバイルとデスクトップ両方で確認することができます。
HTMLメールが出来上がったら右上にある【SAVE】ボタンを押すだけで、HTMLファイルや画像がダウンロードできます。
実際にHTMLメールを配信してみた
実際に弊社のレスポンシブECサイト構築ASP、aishipRのメール配信機能で配信してみたところ、スマホでもPCでもきちんと表示され、レスポンシブなメールになっていました。（aishipRに画像をインポートして、画像のパスを修正して）
皆さんもぜひお試しください。
山本
