設定情報　配信コンテンツ HTMLメール②ビジュアルモード

このページを開くには？

［キャンペーン］＞ 任意のキャンペーン選択 ＞ 設定情報 ＞ 配信コンテンツ［作成］＞任意のテンプレート選択

ビジュアルモードとは？

好きなテンプレートを選んでテキストや画像を挿入するだけ！難しい HTML の設定などはいりません。

画像コンテンツ

コンテンツ作成領域

画像をアップロードする方法もしくは、Web上にある画像を指定する方法のいずれかで指定することができます。

タブメニュー領域

1. 画像：選択しているエリアの画像を表示します。マウスフォーカスすると、［ファイル選択］ボタン　もしくは　[URLを参照]リンク　を表示します。どちらも画像形式は、png,jpeg,gifのいずれかをご利用いただけます。
   ・［ファイル選択］ボタン：ファイル選択ダイアログから、画像をアップロードできます。
   ・[URLを参照]リンク：画像URLの入力画面から、画像URLを指定できます。
2. ALTテキスト：画像にALTテキストを設定することができます。
   
3. リンクURL：画像をクリックした際のリンクURLを設定することができます。クリック計測を設定することもできます。
4. 整列：選択した画像の［左揃え］［中央揃え］［右揃え］を設定できます。
5. 背景色：テキストエリア内の背景色を設定できます。カラーパレットもしくはカラーコードでの設定ができます。
6. パディング：選択しているエリアの内側の余白を上下左右に設定することができます。

テキストコンテンツ

コンテンツ作成領域

テキストを入力することができます。ナビゲーションメニューで文字の大きさや色を変更できます。

1. 配置：[左揃え][中央揃え][右揃え]のテキスト配置を指定できます。
2. 行間：行間のパーセンテージを指定できます。
3. 箇条書きリスト：箇条書き形式リストの入力ができます。
4. 番号付きリスト：番号が付与された箇条書き形式リストの入力ができます。
5. テキストの色：テキストの色を設定できます。カラーパレットもしくはカラーコードでの指定ができます。
6. マーカーの色：マーカーの色を設定できます。カラーパレットもしくはカラーコードでの指定ができます。
7. リンク：テキストにリンク設定ができます。クリック計測を設定することもできます。
8. 変数：各ユーザーに合わせた値をメールに挿入することができます。挿入できる値はこちらをご参照ください。
   ※配信対象顧客に差し込み変数の情報がない場合に代わりに表示する値の設定についてはこちら。
   
   
9. フォント：[ゴシック体][明朝体][等幅]のいずれかを選択できます。
10. フォントサイズ：テキストサイズを変更できます。
11. 太字：テキストを太字に設定することができます。
12. 斜体：テキストを斜体に設定することができます。
13. 下線：テキストに下線を設定することができます。
14. 打ち消し線：テキストに打ち消し線を設定することができます。

タブメニュー領域

1. 背景色：テキストエリア内の背景色を指定できます。カラーパレットもしくはカラーコードでの指定ができます。
2. パディング：選択しているエリアの内側の余白を上下左右に設定することができます。

ボタンコンテンツ

コンテンツ作成領域

ボタンを入力することができます。ボタン内のテキストやURL、ボタンの色やパディングを設定できます。

1. 行間：行間のパーセンテージを指定できます。
2. テキストの色：テキストの色を変更できます。カラーパレットもしくはカラーコードでの指定ができます。
3. マーカーの色：マーカーの色を変更できます。カラーパレットもしくはカラーコードでの指定ができます。
4. 変数：各ユーザーに合わせた値をメールに挿入することができます。挿入できる値はこちらをご参照ください。
   ※配信対象顧客に差し込み変数の情報がない場合に代わりに表示する値の設定についてはこちら。
5. フォント：[ゴシック体][明朝体][等幅]のいずれかを選択できます。
6. フォントサイズ：テキストサイズを変更できます。
7. 太字：テキストを太字に設定することができます。
8. 斜体：テキストを斜体に設定することができます。
9. 下線：テキストに下線を設定することができます。
10. 打ち消し線：テキストに打ち消し線を設定することができます。
    

タブメニュー領域

1. リンク：テキストにリンク設定ができます。クリック計測を設定することもできます。
2. 整列：[左揃え][中央揃え][右揃え]のボタン配置を指定できます。
3. 全体幅：チェックを入れるとボタン幅がエリアいっぱいに広がります。
4. ボタンの背景色：ボタンの背景色を設定できます。カラーパレットもしくはカラーコードでの指定ができます。
5. ボーダー幅・色：ボタンのボーダーの幅、色を設定できます。
6. 角の丸さ：ボタンの丸さを設定できます。数字が大きいほど、丸くなります。
7. ボタンのパディング：ボタンの内側の余白を上下左右に設定することができます。
8. 背景色：テキストエリア内の背景色を設定できます。カラーパレットもしくはカラーコードでの設定ができます。
9. パディング：選択しているエリアの内側の余白を上下左右に設定することができます。

カラムコンテンツ

コンテンツ作成領域

画像の下にテキストがセットになった形式のコンテンツを挿入できます。横並びで2～6個まで画像を並べて設定できます。画像やテキスト、ボタンをエリア内に追加することもできます。

タブメニュー領域

1. カラム数：横並びで2－6個まで画像を並べることができます。
2. 背景色：テキストエリア内の背景色を設定できます。カラーパレットもしくはカラーコードでの設定ができます。
3. パディング：選択しているエリアの内側の余白を上下左右に設定することができます。

コンテンツの追加

1. 上へ移動：選択したコンテンツを上へ移動します。
2. 下へ移動：選択したコンテンツを下へ移動します。
3. 複製：選択したコンテンツを下へコピーします。
4. 削除：選択したコンテンツを削除します。
5. 追加：コンテンツを下へ追加します。追加できる要素は下記になります。

• • テキストコンテンツ
  • 画像コンテンツ
  • ボタンコンテンツ
  • 2カラム
  • 3カラム
  • レコメンド商品（オプション契約されている場合に表示）
  • カゴ落ち商品（オプション契約されている場合に表示）

ご注意点

HTMLメールは文字のみでは伝わりきらないニュアンスや送る側の意向がより分かりやすく、読者にとっても、より親しみが持ちやすいというメリットがあります。
ただ、受け取り側のメールソフト環境によって正しく表示がされない等、受信環境によって表示が崩れる場合があります。

表示崩れの例）Outlook365でボタンコンテンツの角の丸さが反映されない

※DATA CASTからの配信は、マルチパート（テキスト＋HTML）」形式でとなります。作成したHTMLの内容で自動的にテキストメールが作成されます。