ご利用マニュアル

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

このページを開くには?

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

ビジュアルモードとは?

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


DC_html-mail-visual-mode1

  1. 保存:作成した配信コンテンツを保存します。
  2. 下書きとして保存:作成した配信コンテンツを下書き保存します。プルダウンで選択してください。下書き保存の状態では、配信することができません。
  3. テスト配信:作成した配信コンテンツを保存、または 下書き保存した後に、テスト会員へテスト配信が可能です。即時配信されます。テスト会員は、基本設定で設定している会員が対象となります。

    -コンテンツ作成領域-
  4. メールタイトル:メールタイトルを入力・編集できます。タイトルはHTMLメール、テキストメール共通となります。メールタイトルで利用できる変数はこちらをご確認ください。
  5. 画像コンテンツ:画像を挿入することができます。またタブメニュー領域に画像編集のガイドが表示されます。
  6. テキストコンテンツ:テキストを入力することができます。ナビゲーションメニューで文字の大きさや色を変更できます。またタブメニュー領域にテキスト編集のガイドが表示されます。
  7. ボタンコンテンツ:ボタンを入力することができます。ボタン内のテキストやURL、ボタンの色やパディングを設定できます。
  8. カラムコンテンツ:画像の下にテキストがセットになった形式のコンテンツを挿入できます。横並びで2~6まで画像を並べて設定できます。
  9. 購読解除URL:購読解除用のURLの設定が必要です。「こちらをクリックしてください」をクリックし、ナビゲーションの[リンク]をクリックし、購読解除用のURLを設定してください。
    ※リンク先となるURLについては自動で設定されていないため、必ず購読解除URL設定をお願いいたします。

    -タブメニュー領域-
  10. エディタ:選択しているコンテンツの背景色やパディングなどを設定できます。
  11. 基本設定:テンプレート、メール全体の背景色を設定できます。作成済みコンテンツを利用する場合もこちらから設定となります。
  12. 保存履歴:メールコンテンツの保存履歴を表示します。復元も可能です。

画像コンテンツ

DC_image

コンテンツ作成領域

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

タブメニュー領域

DC_imagearea_tab

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

 

テキストコンテンツ

DC_text

コンテンツ作成領域

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

DC_textnavi

  1. 配置:[左揃え][中央揃え][右揃え]のテキスト配置を指定できます。
  2. 行間:行間のパーセンテージを指定できます。
  3. 箇条書きリスト:箇条書き形式リストの入力ができます。
  4. 番号付きリスト:番号が付与された箇条書き形式リストの入力ができます。
  5. テキストの色:テキストの色を設定できます。カラーパレットもしくはカラーコードでの指定ができます。
  6. マーカーの色:マーカーの色を設定できます。カラーパレットもしくはカラーコードでの指定ができます。
  7. リンク:テキストにリンク設定ができます。クリック計測を設定することもできます。
  8. 変数:各ユーザーに合わせた値をメールに挿入することができます。挿入できる値はこちらをご参照ください。
    ※配信対象顧客に差し込み変数の情報がない場合に代わりに表示する値の設定についてはこちら

  9. フォント:[ゴシック体][明朝体][等幅]のいずれかを選択できます。
  10. フォントサイズ:テキストサイズを変更できます。
  11. 太字:テキストを太字に設定することができます。
  12. 斜体:テキストを斜体に設定することができます。
  13. 下線:テキストに下線を設定することができます。
  14. 打ち消し線:テキストに打ち消し線を設定することができます。

タブメニュー領域

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

 

ボタンコンテンツ

DC_button

コンテンツ作成領域

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

DC_buttonnavi

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

タブメニュー領域

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

 

カラムコンテンツ

DC_column

コンテンツ作成領域

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

DC_column_add

タブメニュー領域

DC_column_tab

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

コンテンツの追加

DC_addarea

  1. 上へ移動:選択したコンテンツを上へ移動します。
  2. 下へ移動:選択したコンテンツを下へ移動します。
  3. 複製:選択したコンテンツを下へコピーします。
  4. 削除:選択したコンテンツを削除します。
  5. 追加:コンテンツを下へ追加します。追加できる要素は下記になります。
    • テキストコンテンツ
    • 画像コンテンツ
    • ボタンコンテンツ
    • 2カラム
    • 3カラム
    • レコメンド商品(オプション契約されている場合に表示)
    • カゴ落ち商品(オプション契約されている場合に表示)

ご注意点

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

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

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

 


 

 

関連するマニュアル

設定情報 配信コンテンツ HTMLメール②ソース入力モード

DATA CASTで、HTMLソースコードを利用し、メールコンテンツを作成することができ...

LINEコンテンツ作成

DATA CASTから配信するLINEコンテンツを作成する方法のご案内です。|顧客一人ひ...

設定情報 配信コンテンツ テキストメール

DATA CASTで配信するテキストメールコンテンツの作成方法をご案内します。|顧客一人...

設定情報

DATA CASTで配信するキャンペーンの設定情報を表示します。キャンペーン新規作成時は...

関連するよくあるご質問

サポート体制はどのようになっていますか?

DATA CASTのサポート体制についてご案内します。|顧客一人ひとりとの繋がりを深める...

指定のSPFレコードを教えてください

DATA CAST配信の際に推奨するSPFレコードについてはこちらをご確認ください。|顧...

ステップメールの配信は可能ですか?

DATA CASTではステップメールの配信は可能ですか?|顧客一人ひとりとの繋がりを深め...

HTMLメールの配信はできますか?

HTMLメールの配信は可能ですか?|顧客一人ひとりとの繋がりを深めるCRMツール『DAT...
TOPへ