Mailは、HTMLメールの作成がはじめての方や、デザインやプログラムの知識が無い方でも、簡単にHTMLメールの作成・配信ができるメール配信システムです。直感的操作で業務時間を4分の1に。Mailは、HTMLメール作成エディタを標準搭載しています。エディタを使えば、驚くほど簡単にHTMLメールを作成することができます。基本設定の確認HTMLメールの幅、背景色、フォントなど、メール全体の基本設定を確認します。自社Webサイトやブランドに準じた設定を選びましょう。メール幅の設定をするメールの幅とは、コンポーネントで調整できる範囲を指します。幅の設定プルダウンメニューで、550px〜800pxのサイズを選択できます。メール内の画像は、幅に応じて自動で縮小・拡大されます。利用する画像の解像度に最適な幅値を選びましょう。背景色の設定をする背景色は、画面全体の背景色と、コンテンツ部分の背景色の2つの設定が可能です。背景色の設定は、カラーパレットから色を選択するか、RGBカラーコードを直接入力して設定することができます。フォントのデフォルト設定をする1.フォントは、「明朝」か「ゴシック」のいづれかを選択できます。2.デフォルトのフォントサイズを、10px〜28pxの中から選択できます。3.デフォルトのフォントカラーを、カラーパレットもしくはRGBカラーコードで指定できます。4.行間を1〜2まで0.1行単位で指定できます。プレビューを見ながら最適な行間を設定してください。直感的操作で業務時間を4分の1に。Mailの無料トライアルを申込むレイアウト作成HTMLメールのレイアウトは、コンポーネントを組み合わせて作成します。ドラック&ドロップ等の簡単なマウス操作で、思い通りのレイアウトを作成することができます。コンポーネントを組み合わせて作成したHTMLメールの図解コンポーネントの位置を上下移動させる方法HTMLエディタ上で作成したコンポーネントにカーソルを合わせると、編集用の赤枠が表示されます。赤枠の右端をつまんでドラッグすると、コンポーネントを上下に移動させることができます。コンポーネントのコピーをする方法コピーしたいコンポーネントにカーソルを合わせて、右下のコピーアイコンをクリックすると、直下にコンポーネントのコピーが作成されます。分割したいコンポーネントにカーソルを合わせて、[+]アイコンをクリックするとコンポーネントが分割されます。最大で4分割のレイアウト作成が可能です。[>]アイコンをクリックすると、分割したコンポーネントの左右の移動が簡単に行えます。編集したいコンポーネントにカーソルを合わせて、テーブルアイコンをクリックすると、コンポーネントのテーブルプロパティ設定が開きます。コンポーネント内の余白や、ボーダーの設定が可能です。適度な余白を設けることで、見栄えが良くなりコンテンツも見やすくなります。直感的操作で業務時間を4分の1に。Mailの無料トライアルを申込むテキスト編集HTMLメール内のテキスト編集画面は、WYSIWYGエディタ(テキスト編集ツール)を使って行います。ブログのような感覚でテキスト編集が可能です。WYSIWYGエディタの使い方まずは、テキストコンポーネントをドラッグして、編集画面にドロップします。デフォルトのテキストが表示されますので、文章を自由に入力しましょう。「Enter(return)キー」で改行が可能です。文章ができあがったら、WYSIWYGエディタで好みのスタイルに調整することができます。各アイコンの機能説明アイコン機能概要テキストを太字にすることができます。テキストを斜字にすることができます。テキストに下線を挿入することができます。テキストに打消し線を挿入することができます。入力したテキストを「左寄せ」「中央寄せ」「右寄せ」にすることができます。リンクを挿入することができます。リンクを削除することができます。画像を挿入することができます。画像ストレージにアップロードした画像か、外部URLから取得した画像を使用することができます。設定したフォーマットを削除することができます。テキストエリアの枠線を指定することができます。枠線を設定した際、角を丸める事ができます。4辺をピクセル単位で設定することができます。テキストの上下左右に設ける余白を指定できます。ピクセル数を入力することで設定が可能です。パーソナライズタグを挿入することができます。ボタンを挿入することができます。コンポーネントの背景色を変更することができます。カラーパレットから任意の色を選択できます。RGBコードの直接入力も可能です。入力したテキストの色を変更することができます。入力したテキストのサイズを変更することができます。リンクの挿入方法リンクを挿入したい文字を選択し、リンクアイコンをクリックすると、リンクプロパティが表示されます。リンク先URL欄に、遷移させたいURLを入力すればリンクの設定は完了です。MailのリダイレクトURLに変換されます。これにより、クリック数を取得することができます。メールアドレスをリンク挿入する方法リンク先URLに、「mailto:」と入力しその直後にメールアドレスを入力します。読者がこのリンクをクリックすると、入力したアドレスを宛先とした状態でメールソフトを起動させることができます。リンク先URLにタグを挿入する方法リンク先URLの右横にある「タグを挿入」をクリックすると、「ダウンロードリンク」「配信停止リンク」「スマートリンク」など特別な機能を持ったリンクを簡単に挿入することができます。「基本設定」でダウンロードファイルを設定した場合に使用できます。ユーザーがこのリンクをクリックするとファイルをダウンロードできます。クリックカウントも取得できます。読者がこのリンクをクリックすると配信停止画面が表示されます。配信停止を行った読者の情報はDBの配信停止リストに記憶され、次回以降のメールは配信されません。ブラウザ版のHTMLメールを表示できるリンクです。これによりメール受信ソフトがHTMLに対応していない方へもHTMLコンテンツを届けることができます。HTMLコンテンツのクリックカウントも取得できます。Mailは、データベース項目を用いて、メールをパーソナライズさせることができます。Oneで配信しているようなメールコンテンツを作成することができます。パーソナライズアイコンをクリックすると、データベースの項目がプルダウンで選択できるようになります。タグを挿入すると、以下の図のように@{名前}というタグが挿入されます。パーソナライズタグを挿入したメールを実際に受け取ると、以下の図のように項目に準じた値に変換されて表示されます。テキストの上下左右に余白を設定する方法メルマガを読みやすく綺麗に仕上げるコツは、適度な余白を設けることです。パディング設定アイコンをクリックすると、テキストコンポーネントの上下左右のパディング(内側の余白)を指定できます。以下の図ように、テキストの上下左右に20pxのパディングが設定されます。直感的操作で業務時間を4分の1に。画像の挿入もコンポーネントを使って簡単に行うことができます。Mailの画像ストレージにアップロードして利用することができます。画像コンポーネントをドラックして編集画面にドロップします。画像の縦横サイズが入ったダミー画像が挿入されます。画像にカーソルを合わせて2回クリックすると、左上に画像編集用のアイコンが表示されます。フォルダアイコンをクリックすると、画像ストレージが表示されます。[ファイル選択]または、[外部URLから取得]ボタンをクリックして、利用したい画像をストレージにアップロードしましょう。挿入したい画像をクリックして選択すると、エディタに画像が挿入されます。編集したい画像の編集アイコンをアイコンをクリックすると、イメージプロパティが開きます。イメージプロパティでは、画像の差し替え、サイズ指定、リンク挿入などが行えます。画像パスには、画像ストレージのパスを指定できる他、貴社ウェブサイトなどで使用している外部の画像URLを直接入力して、画像を読み込ませることもできます。直感的操作で業務時間を4分の1に。作成したHTMLメールは、本配信前にプレビュー画面で表示確認を行いましょう。テストメール送信を行い実際に端末での見え方も確認しましょう。プレビュー画面プレビュー画面では、以下の端末サイズ毎に表示を切り替えてHTMLメールやテキストメールの表示を確認することができます。テストメールの送信方法プレビュー画面の[テストメール送信]ボタンをクリックします。テストメール送信画面が開きますので、テストメールを送りたいメールアドレスを選択して、[決定]ボタンをクリックします。指定したメールアドレス宛に、テストメールが送信されます。直感的操作で業務時間を4分の1に。Mailの無料トライアルを申込む配信スケジュール設定メールの配信スケジュール設定は、カレンダー表示画面を利用して行います。カレンダーには過去の配信履歴も表示されます。メール対策として、夜間の配信停止時間を設定することができます。設定した配信停止時間になると自動的に配信を一時停止し、配信停止時間を過ぎるとメール配信が再開されます。直感的操作で業務時間を4分の1に。直感的操作で業務時間を4分の1に。Mailで作成したHTMLメールは、デバイス毎に最適なレイアウトで表示するレスポンシブデザインに対応しています。PC用とスマホ用のHTMLメールを別々に作成する必要はありません。スマホでも見やすいHTMLメールを作るコツHTMLエディタには、スマートフォンでの表示プレビューを確認しながら編集が行えるライブプレビュー機能が搭載されています。スマホでの見栄えが重要な場合には、PCとスマホの見え方も見比べながら制作を進めることで、効率良く美しいHTMLメールを作成することができます。直感的操作で業務時間を4分の1に。Mailには、HTMLメールが「うまく表示されない」という問題を解決する機能が搭載されています。HTMLメール配信時の問題点とは?!近年、HTMLメールの配信を行う企業が増えている一方で、ユーザー側のデバイス環境も多様化しています。そのため、配信したHTMLメールがユーザー側でうまく表示されないという問題が多く起きています。Mailは、HTMLメールを正しく表示するための3つの機能を提供しています。スマートフォン表示対応レスポンシブデザインレスポンシブデザインとは、画面サイズに応じて最適なレイアウトでページを表示する技術です。PCやスマートフォン・タブレットなど、ユーザーがどのデバイスでHTMLメールを閲覧しても、それぞれのデバイスに最適化されたメールを自動的に表示してくれます。携帯キャリアのメールアドレスは、HTMLメールを表示できないスマホ端末も多数存在します。いった端末で閲覧した読者にも確実にコンテンツを届ける方法として、スマートリンク機能を用意しています。エディタで作成したHTMLメールは、複製がWebサーバー上にも自動生成されます。HTMLメールがうまく表示されない場合は、スマートリンクを通じて、ブラウザ版のHTMLコンテンツへ誘導することができます。スマートリンクは読者ごとにユニークなURLとなるため、クリック数や開封数の取得できる他、メール内に差し込んだデータベースの項目名もWebブラウザに引き継いで表示することができます。スマートフォンでレイアウトが崩れる主な環境アンドロイド端末×キャリアメールで受信した場合docomo.ne.jp、ezweb.ne.jp、softbank.ne.jpなどのキャリアメールで、HTMLメールを受信すると、受信時にメール内の画像が削除された状態で表示されてしまいます。アンドロイド端末の大半は、HTMLメルマガを正しく表示できないケースが多く見られます。MMSでHTMLメールを受信している場合スマートフォンのメッセージアプリ「MMS」でHTMLメールを受信すると本文と画像が吹き出しで分かれたような状態で表示されてします。マルチパート配信HTMLメールの表示可否には、携帯キャリア、端末、OS、ブラウザ等の複雑な要素が関係しています。HTMLメールが受信できないユーザーには、代替えのテキストメールを送信するマルチパート配信が可能です。HTMLメールとテキストメールの両方を準備する必要がありますが、ユーザーに正しい情報を確実に届けることができます。