配信テンプレート

メール作成

メール作成について

【配信テンプレート > メール作成】画面では、メール用のテンプレートを作成できます。
作成したメール用のテンプレートは、【シナリオ配信 > シナリオ作成】画面の「メール送信」ノードで使用します。

メールテンプレートを作成する

基本設定

テンプレートの名前や説明を設定します。

content_09_70.jpg

項目 説明
テンプレート名 テンプレートのタイトルを設定できます。
説明 テンプレートの用途などの説明を入力できます。

メッセージ

メールの件名と本文を設定します。

content_09_71.jpg

項目 説明
メールタイトル メールのタイトルを設定できます。
メール本文 メールの本文を設定できます。

メール本文は、以下のエディタを使用して作成することができます。

  • ビジュアルエディタ:GUIのエディタ
  • コードエディタ:ソースコードを直接記述できるテキストエディタ

エディタを切り替える際の注意点

ビジュアルエディタからコードエディタに切り替えた場合、ビジュアルエディタで作成した内容はHTMLに変換されます。
※「プリヘッダーテキスト」に設定した内容はHTMLに変換されません。
コードエディタからビジュアルエディタへ切り替えた場合、コードエディタで作成した内容は破棄されます。

ビジュアルエディタの使い方

コンテンツについて

コンテンツ 説明
content_09_04.jpg 一行に複数のコンテンツを配置したい場合に使用します。

▼イメージ
content_09_53.jpg
content_09_05.jpg 見出しを配置する場合に使用します。

▼イメージ
content_09_54.jpg
content_09_06.jpg テキストを配置する場合に使用します。

▼イメージ
content_09_55.jpg
content_09_07.jpg 画像を配置する場合に使用します。

▼イメージ
content_09_56.jpg
content_09_08.jpg ボタンを配置する場合に使用します。

▼イメージ
content_09_57.jpg
content_09_09.jpg 仕切りを配置する場合に使用します。

▼イメージ
content_09_58.jpg
content_09_10.jpg HTMLで記述する場合に使用します。
content_09_11.jpg メニューを配置する場合に使用します。

▼イメージ
content_09_59.jpg

コンテンツを配置する

コンテンツはエディタ内にドラッグ&ドロップすることで配置することができます。
content_09_32.jpg

1行の中に複数のコンテンツを配置したい場合は、配置済みのコンテンツの上下いずれかにコンテンツをドラッグ&ドロップしてください。

content_09_37.jpg

一行の中に複数のコンテンツが配置されます。

content_09_38.jpg

コンテンツを編集する

コンテンツの編集は、コンテンツをクリックした際に左側に表示される画面で行なうことができます。

content_09_40.jpgcontent_09_41.jpgcontent_09_42.jpg

行を追加する

行を追加したい場合は、エディタの行をクリックした際に表示される「+」をクリックします。content_09_43.jpg

content_09_33.jpg

content_09_39.jpg

また、画面左側の「ブロック」から分割されたスタイルの行を追加することもできます。
content_09_34.jpg

content_09_35.jpg

content_09_36.jpg

行を編集する

行の編集は、行をクリックした際に左側に表示される画面で行なうことができます。content_09_43.jpg

content_09_44.jpg

content_09_45.jpg

ボディを編集する

ボディを編集する場合は、画面左側の「ボディ」をクリックします。content_09_46.jpg

「ボディ」をクリックすると、ボディの編集画面が表示されます。content_09_47.jpg

編集画面に設定した内容はボディ全体に適用されます。content_09_48.jpg

レスポンシブデザインの設定をする

デスクトップとモバイルで異なるコンテンツを表示したい場合は、コンテンツ編集画面の「レスポンシブデザイン」を設定してください。

__________2023-05-18_11.59.06.png

「デスクトップで非表示」(コンテンツ編集画面の「デスクトップ」タブの場合)、もしくは「モバイルで非表示」(コンテンツ編集画面の「モバイル」タブの場合)をクリックすることで、各画面でコンテンツを非表示にすることができます。content_09_49.jpg

content_09_50.jpg

また、列に分割された行に複数のコンテンツを配置する場合、行の編集画面の「モバイル」タブの「モバイルでスタックしない」をクリックすることで、モバイルでもコンテンツを横並びで表示することができます。
▼「モバイルでスタックしない」をクリックしていない場合
content_09_51.jpg

▼「モバイルでスタックしない」をクリックした場合

content_09_52.jpg

プリヘッダーテキストを設定する

プリヘッダーテキストの設定は、ボディの編集画面の「プリヘッダーテキスト」で行なうことができます。

content_09_60.jpg

content_09_61.jpg

注意点

ビジュアルエディタからコードエディタに切り替えた場合、「プリヘッダーテキスト」に設定した内容はHTMLに変換されません。

変数を挿入する

「件名」と「メール本文」に変数を挿入することができます。
変数を挿入する場合は、「{}使用できる変数」をクリックしてください。

content_09_65.jpg

「{}使用できる変数」をクリックすると、画面右側に「使用できる変数」画面が表示されます。
content_09_73.jpg

挿入したい変数のコピーアイコンをクリックしてください。
content_09_74.jpg

変数を挿入したい箇所に貼り付けてください。

注意点

変数の前に「\」(半角のバックスラッシュ)を入力する場合は、「\」(半角のバックスラッシュ)と変数の間に半角スペースを入力してください。

content_09_68.jpg

テスト配信を行い、変数の内容が問題なく表示されるかをご確認ください。
※テスト配信の場合、変数の箇所には「使用できる変数」画面に記載されている例が表示されます。
content_09_69.jpg

注意点

会員ステータス「ビジター」の顧客はecforce上に名前の登録がされていないため、氏名の変数が挿入されたテンプレートで配信をした場合、変数の箇所は以下の通りに表示されます。

・性{{ firstName }} → 何も表示されません
・名{{ lastName }} →「ゲスト」
・氏名{{ fullName }} →「ゲスト」

作成したメールテンプレートをテスト配信する

作成したメールテンプレートはテスト配信をすることができます。
複数人にテスト配信する場合は、メールアドレスをカンマ区切りで指定してください。
※テスト配信の場合は、課金対象外となります。

content_09_72.jpg

注意点

メールを保存していない場合、テスト配信の「送信」ボタンはクリックできません。
content_09_75.jpg

テスト配信をしたメッセージは件名の最初に「[TEST]」という文字が付きます。

content_04_32.jpg

よくある質問

この記事の目次

このセクションの記事

配信テンプレート