お知らせ:当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の
英語版を参照してください。
詳細メールエディターを使用すると、メール通知に含める視覚的に魅力的で効果的なメールを作成できます。この直感的な機能により、プロフェッショナルで訴求力のあるメールを簡単に作成でき、受信者にわかりやすく見やすいメールを届けることができます。
メールメッセージテンプレートをカスタマイズするには、
-
メールメッセージボックスで詳細エディターを使用をクリックします。
-
ポップアップで、一から作成を選択してメールメッセージテンプレートを新規作成するか、レイアウトを選択オプションを使用してテンプレートをカスタマイズできます。
メールメッセージテンプレートを一から作成する
一から作成オプションを使用してメールメッセージテンプレートを一から作成する場合、詳細メールエディターが表示されます。ここでは、左側のパネルから要素と項目をドラッグ&ドロップして、メールテンプレートをカスタマイズできます。
メールエディターの要素
メールテンプレートを調整するために、次の要素を追加できます。
- テキスト
- 画像
- 横罫線
- ボタン
- 表
- 概要表
- 2列レイアウト
- 3列レイアウト
- 1列レイアウト
- 空のブロック
テキスト
テキスト要素では、メール通知に追加したい内容を直接入力できます。要素を移動/並べ替えたり、テキストを編集したり、要素とそのプロパティを複製したり、削除したりするには、テンプレート上のテキストをクリックすると、それぞれの操作用アイコンが表示されます。
テキストの編集
- テキストを編集するには、テンプレート上に追加したテキスト要素をクリックし、編集(
)アイコンをクリックします。
- [コンテンツの編集]ポップアップで、テキストに基本的な書式設定を適用できます。
- このテキストに淡い色のフォントを使用したい場合は、ポップアップ右下のダークモードへの切り替えオプションを使用して入力すると、入力中も見やすくなります。
ダークモードでは、メールクライアント側でフォント色と背景色が自動的に調整されます。
- このテキスト内にフォームの項目を挿入するには、@を入力するとフォーム上の項目一覧が表示されるので、必要な項目を選択します。これらの項目には、メール通知内で項目ラベルの位置にフォームの回答が差し込まれます。
テキスト要素のプロパティ
テキスト要素のプロパティにアクセスするには、テンプレート上のテキスト要素をクリックします。左側にテキスト要素のプロパティペインが表示されます。
- 背景では、テキスト要素コンテナの背景色を選択し、テキスト枠の端からテキストまでの余白を調整できます。
- テキストに枠線を付けたい場合は、枠線で枠線のスタイル、色、太さ、角丸の半径を選択できます。
メモ:テキスト要素に含められる文字数の上限は30,000文字です。
画像
画像要素では、メール通知に含めたい任意の画像を追加できます。要素を移動/並べ替えたり、画像スタイルとそのプロパティを複製したり、削除したりするには、テンプレート上の画像要素をクリックすると、それぞれの操作用アイコンが表示されます。
画像要素のプロパティ
画像要素のプロパティにアクセスするには、テンプレート上の画像要素をクリックします。左側に画像要素のプロパティペインが表示されます。
- 画像をアップロードでは、デスクトップから画像を選択してアップロードできます。
- 画像を伸縮オプションを選択して、画像を横幅いっぱいに表示することもできます。
- 画像の配置オプションを使用して、画像をテンプレートの左・中央・右に配置できます。
- リンク先にリンクURLを指定すると、受信者が画像をクリックした際にそのURLへリダイレクトできます。
- 代替テキストには、画像の内容を説明するテキストを入力できます。このテキストは、画像にカーソルを合わせたときや、画像の読み込みに失敗した場合に表示されます。
- 背景では、画像要素コンテナの背景色を選択し、画像枠の端から画像までの余白を調整できます。
- 画像に枠線を付けたい場合は、枠線 で枠線のスタイル、色、太さ、角丸の半径を選択できます。
メモ:
- メールメッセージテンプレートの作成時に追加できる画像要素は最大10個です。
- 画像要素内の1つの画像サイズは2MBを超えないようにしてください。
- テンプレート内で使用するすべての画像の合計ファイルサイズは4MBを超えないようにしてください。
横罫線要素を使用すると、テンプレート上に横方向の区切り線を作成して、コンテンツの読みやすさを向上できます。要素を移動/並べ替えしたり、要素とそのプロパティを複製したり、削除したりするには、テンプレート上の横罫線要素をクリックすると、それぞれのアイコンが表示されます。
横罫線のプロパティ
横罫線要素のプロパティにアクセスするには、テンプレート上に追加した横罫線をクリックします。左側に横罫線のプロパティペインが開きます。
- 線のデザインでは、線のスタイル、色、太さを選択できます。
- BACKGROUND では、横罫線要素コンテナの背景色を選択し、線と枠線の端との間隔を調整できます。
- 線に枠線を設定する場合は、BORDER で枠線のスタイル、色、太さ、角丸の半径を選択できます。
メール通知のボタン要素を使用すると、指定した URL に基づいて受信者を所定のWebページにリダイレクトできます。要素を移動/並べ替えしたり、ボタンのスタイルとそのプロパティを複製したり、削除したりするには、テンプレート上のボタン要素をクリックすると、それぞれのアイコンが表示されます。
メモ: 正しい URL が設定されていない場合、一部のメールクライアントではボタン要素が想定どおりに表示されないことがあります。
ボタンの詳細
ボタン要素のプロパティにアクセスするには、テンプレート上に追加したボタン要素をクリックします。左側にボタンの詳細ペインが開きます。
-
一般プロパティでは、ボタンのラベルと、ボタンをクリックしたときに受信者をリダイレクトするリンクを指定できます。
リンク先では、ボタン要素のリンク先として次のいずれかを指定できます。
-
Webサイト URL
ボタンを外部のWebサイトにリンクします。リダイレクト先のドメインアドレスを入力します。
値の事前入力:送信済みのフォーム回答を URL パラメーターとしてリンク先のWebサイトに渡すことができます。
- Webサイト URL の値の事前入力の下にある設定するをクリックします。
- ポップアップでパラメーター名を入力し、対応するフォーム項目にマッピングします。
- 回答の編集リンク
このオプションでは、フォームの編集リンクをボタンに設定できます。これを行うには、設定 > 送信と保存で回答の編集を有効にしておく必要があります。
-
別のフォーム
このオプションでは、回答者を別のフォームにリダイレクトします。リダイレクト先のフォーム名をドロップダウンから選択します。
値の事前入力:現在のフォームの回答をリダイレクト先フォームに事前入力するには、次の操作を行います。
- リダイレクト先フォームの値の事前入力の下にある設定するをクリックします。
- ポップアップで、現在のフォームの項目をリダイレクト先フォームのパラメーター値にマッピングします。
メモ:別のフォームに値を事前入力できるのは、選択したフォームで項目エイリアスが設定されている場合のみです。
- ボタンのスタイルでは、フォント、フォントスタイル、フォントサイズ、フォントの色、ボタンの配置、角丸の半径、幅を変更できます。
- BUTTON BACKGROUNDでは、ボタン要素の背景色として、単色またはグラデーションカラーを選択できます。
- ボタンに枠線を設定する場合は、BORDERで枠線のスタイル、色、太さ、角丸の半径を選択できます。
- CONTAINER BACKGROUNDでは、ボタン要素コンテナの背景色を選択し、ボタンとボタン枠線の端との間隔を調整できます。
- CONTAINER BORDER では、ボタンを囲むコンテナの枠線のスタイル、色、太さ、角丸の半径を選択できます。
テーブル
テーブル要素を追加すると、テンプレート上に 3 行 3 列のテーブルが追加されます。
- テーブルに行や列を追加/削除するには、テンプレート上のテーブルをクリックし、三点リーダーアイコンをクリックします。
- 列の幅は、列の区切り線にカーソルを合わせ、矢印をドラッグして変更できます。
- テーブル内に項目を挿入するには、@を入力します。フォーム上の項目の一覧が表示されるので、必要な項目を選択できます。これらの項目のフォーム回答は、メール通知内で項目ラベルの位置に差し込まれます。
- 要素を移動/並べ替えしたり、要素とそのプロパティを複製したり、削除したりするには、テンプレート上のテーブル要素をクリックすると、それぞれのアイコンが表示されます。
テーブルのプロパティ
テーブル要素のプロパティにアクセスするには、テンプレート上に追加したテーブル要素をクリックします。左側にテーブルのプロパティペインが開きます。
- THEME では、テーブルのスタイルとセルの色を選択できます。
- HEADER 設定 では、テーブルヘッダーのフォントファミリー、フォントサイズ、フォントの色、フォントスタイル(太字、斜体、下線)を選択できます。また、テーブルヘッダーのテキストを左揃え、中央揃え、右揃え、両端揃えに配置できます。
- CELL 設定 では、テーブルセル内テキストのフォントファミリー、フォントサイズ、フォントの色、フォントスタイル(太字、斜体、下線)を選択できます。また、セル内テキストを左揃え、中央揃え、右揃え、両端揃えに配置できます。
- TABLE 設定> Cell Paddingでは、すべてのテーブルセルについて、セルのコンテンツとセル枠線との間隔を調整し、テーブルの枠線(実線、点線、破線)とその色を設定できます。
メモ:
- テーブル内の各セルには、最大 12,000 文字まで入力できます。
- 1 つのテーブルに最大 100 行、15 列まで追加できます。
- テーブルに列を追加し、その中に URL などの長いテキストコンテンツを挿入した場合、コンテナの幅が設定で指定した値を超えることがあります。
概要テーブル
概要テーブルは、項目とその回答の概要をまとめたテーブルを作成するために使用します。
- 概要テーブルの列に追加する項目を選択すると、その項目と回答がそれぞれの列に追加されます。概要テーブルは初期設定で 2 列(項目用と回答用)あります。
- テーブル内に項目を挿入するには、表示されている三点リーダーアイコンをクリックし、[Insert 項目] をクリックします。このオプションを使用すると、選択式項目に割り当てられた値をテーブルの行に挿入することもできます。
- 概要テーブルに任意の項目を含めるには、@ を入力すると、フォーム上の項目の一覧が表示されます。この一覧から必要な項目を選択できます。これらの項目に対するフォームの回答は、メール通知内で、対応する項目ラベルの位置に自動的に挿入されます。
概要テーブルのプロパティ
概要テーブル要素のプロパティにアクセスするには、テンプレート上の追加済みテーブルをクリックします。左側に概要テーブルのプロパティ ペインが開きます。
- [項目 列] と [RESPONSE 列] それぞれに対して、列の背景色、フォントファミリー、フォントサイズ、フォント色、フォントスタイル(太字、斜体、下線)、およびテキストの配置を個別に設定できます。
- [TABLE] 設定 > Cell Padding では、すべてのテーブルセルに対して、セルの内容とセル枠との間隔を調整できます。また、テーブルの枠線(実線、点線、破線)とその色を設定できます。
- [OTHER 設定] のチェックボックスを選択すると、メール通知において、フォーム項目の回答がない行をテーブルから除外することができます。
- [表示 シリアル 番号] チェックボックスを選択すると、シリアル番号用の列を含めることができます。シリアル番号を表示する新しい列が追加され、自動的に連番が割り当てられます。
概要テーブルに追加の列を追加し、その中に URL などの長いテキストコンテンツを挿入した場合、コンテナの幅が設定で構成した値を超えることがあります。
2-列 Layout
メールテンプレートの 2-列 Layout を使用すると、利用可能なスペースを 2 つの縦方向の領域に分割してコンテンツを構成できます。各列内に要素や項目をドラッグ&ドロップし、要素/項目のプロパティを挿入してテンプレートをデザインできます。
- 要素を移動/並べ替えたり、要素の設定にアクセスしたり、削除したりするには、テンプレート上の 2-列 Layout 要素をクリックすると、それぞれの操作用アイコンが表示されます。
2-列 Layout のプロパティ
2-列 Layout 要素のプロパティにアクセスするには、要素をクリックして設定アイコンをクリックします。すると、左側に2-列 Layout のプロパティ ペインが開きます。
- [列 1 PROPERTIES] では、列の背景色、枠線のスタイル、枠線の色、太さ、角の丸みを設定し、列の枠線の端から列までの余白を調整できます。
-
初期設定では、列 1 に設定した列プロパティが列 2 にも適用されます。各列に異なるカスタマイズを適用したい場合は、[適用する for すべて 列] チェックボックスをオフにし、列 2 に固有のプロパティを設定してください。
- [BACKGROUND] では、要素コンテナの背景色を選択し、コンテナ枠線の端から列までの余白を調整できます。
- 列に枠線を設定する場合は、[BORDER] で枠線のスタイル、色、太さ、および角の丸みを選択できます。
3-列 Layout
メールテンプレートの 3-列 Layout を使用すると、利用可能なスペースを 3 つの縦方向の領域に分割してコンテンツを構成できます。各列内に要素や項目をドラッグ&ドロップし、要素/項目のプロパティを挿入してテンプレートをデザインできます。
-
要素を移動/並べ替えたり、要素の設定にアクセスしたり、削除したりするには、テンプレート上の 3-列 Layout 要素をクリックすると、それぞれの操作用アイコンが表示されます。
3-列レイアウトのプロパティ
3-列レイアウト要素のプロパティにアクセスするには、要素をクリックし、設定アイコンをクリックします。3-列レイアウトのプロパティ ペインが左側に表示されます。
- [列 1 のプロパティ] では、列の背景色、枠線のスタイル、枠線の色、太さ、角の丸みを設定し、列の枠線の端からの余白を調整できます。
- 初期設定では、列 1 のプロパティが列 2 と列 3 の両方にも適用されます。各列に異なるカスタマイズを適用する場合は、すべての列に適用チェックボックスをオフにして、列 2 と列 3 に個別のプロパティを設定してください。
- BACKGROUND では、要素コンテナの背景色を選択し、コンテナ枠線の端から列までの余白を調整できます。
- 列に枠線を設定する場合は、BORDER で枠線のスタイル、色、太さ、角の丸みを選択できます。
1-列レイアウト
1-列レイアウトは、メール通知内のコンテンツを整理するためのシンプルな方法です。要素や項目を共通のスペース内にまとめて配置できます。
- 要素を移動/並べ替えたり、要素の設定にアクセスしたり、削除したりするには、テンプレート上の 2-列レイアウト要素をクリックすると、それぞれのアイコンが表示されます。
1-列レイアウトのプロパティ
1-列レイアウト要素のプロパティにアクセスするには、要素をクリックし、設定アイコンをクリックします。1-列レイアウトのプロパティ ペインが左側に表示されます。
- [列のプロパティ] では、列の背景色、枠線のスタイル、枠線の色、太さ、角の丸みを設定し、列の枠線の端からの余白を調整できます。
- BACKGROUND では、要素コンテナの背景色を選択し、コンテナ枠線の端から列までの余白を調整できます。
- 列に枠線を設定する場合は、BORDER で枠線のスタイル、色、太さ、角の丸みを選択できます。
空白ブロック
空白ブロックは、要素間にスペースを挿入することで、メール通知の読みやすさを向上させます。矢印をクリックしてドラッグすることで、空白ブロックのサイズを調整できます。
メールエディターの項目
左側のペインのこのセクションには、フォームに追加されている項目の一覧が表示されます。必要な項目を検索し、メールテンプレート上にドラッグ&ドロップすることもできます。メール通知が回答者に送信されると、これらの項目ラベルの位置に、対応するフォーム回答が差し込まれます。
- 要素を移動/並べ替えたり、項目とそのプロパティを複製したり、削除したりするには、テンプレート上の項目をクリックすると、それぞれのアイコンが表示されます。
一般項目のプロパティ
項目のプロパティにアクセスするには、テンプレート上の対象の項目をクリックします。項目のプロパティペインが左側に表示されます。
- [項目] では、項目の回答に対して、フォントファミリー、フォントサイズ、フォントカラー、フォントスタイル(太字、斜体、下線)を選択できます。また、項目の回答を左揃え、中央揃え、右揃え、両端揃えに設定できます。
- BACKGROUND では、項目の背景色を選択し、項目枠線の端から項目までの余白を調整できます。
- この項目に枠線を設定する場合は、BORDER で枠線のスタイル、色、太さ、角の丸みを選択できます。
特別な項目のプロパティ
画像アップロード、サブフォーム、マトリックス選択、画像選択などの項目には、追加のプロパティがあります。
画像アップロード
-
[画像コンテナ] では、アップロードされた画像の配置スタイル、画像コンテナの枠線スタイルと枠線色を選択し、画像ラベルを表示するかどうかを設定できます。
メモ :1 つのテンプレートには、最大 50 個の画像アップロード項目を含めることができます。
- THEME では、サブフォームのスタイルとセルの色を選択できます。
- [HEADER 設定] と [CELL 設定] では、ヘッダーとセルそれぞれに対して、フォントファミリー、フォントサイズ、フォントカラー、フォントスタイル(太字、斜体、下線)を個別に選択できます。
- TABLE 設定 の [Cell Padding] では、すべてのセルについて、セルの内容とセル枠線との間の余白を調整できます。また、テーブルの枠線スタイルと色も選択できます。
メモ: サブフォームに列を追加し、URL などの長いテキストコンテンツを入力した場合、コンテナの幅が設定で指定した値を超えることがあります。
マトリックス選択
- THEME では、マトリックスのスタイルとセルの色を選択できます。
- ANSWER STYLE および QUESTION STYLE では、マトリックスの質問と内容に対して、それぞれフォントファミリー、フォントサイズ、フォントカラー、フォントスタイル(太字、斜体、下線)を選択できます。また、テキストを左揃え、中央揃え、右揃え、両端揃えに設定できます。
- TABLE 設定 の [Cell Padding] では、すべてのセルについて、セルの内容とセル枠線との間の余白を調整できます。また、テーブルの枠線スタイルと色も選択できます。
マトリックス選択に列を追加し、URL などの長いテキストコンテンツを入力した場合、コンテナの幅が設定で指定した値を超えることがあります。
画像選択
- 画像 CHOICE では、メールテンプレートに画像ラベルのみを表示するか、画像のみを表示するかを選択できます。
- [項目] では、項目に対してフォントファミリー、フォントサイズ、フォントカラー、フォントスタイル(太字、斜体、下線)、およびテキストの配置を選択できます。
- BACKGROUND では、項目の背景色を選択し、項目枠線の端から項目までの余白を調整できます。
- この項目に枠線を設定する場合は、BORDER で枠線のスタイル、色、太さ、角の丸みを選択できます。
フォーム承認履歴
この項目は、承認セクションで設定した
プロセス完了メール (最終承認メールおよび最終却下メール)でのみ利用できます。これらのメール通知は、
承認プロセスおよび
承認ルールの両方で設定できます。項目の追加プロパティについては、以下で説明します。
- TABLE 設定を使用して、件名ヘッダーとデータ行をカスタマイズします。列ヘッダーは除外されます。セルの余白オプションを使用して、すべてのセルでセル内のコンテンツとセル枠との間隔を調整できます。また、適切な枠線のスタイルと色も選択できます。
- 列ヘッダーでは、承認履歴テーブルで使用される列ヘッダー(承認者情報、承認ステータス、理由)の背景色とフォント色を選択できます。
- APPROVAL ステータスでは、3つの承認ステータス(承認済み、却下、スキップ済み)のフォント色を選択できます。
メモ:
1. フォントでは、フォントサイズは承認履歴テーブルに表示されるレベル名に適用されます。列ヘッダーとデータ行は、それぞれ自動的に1ptずつ小さくなります。
2.
レベル承認履歴
この項目は、承認セクションで使用される
レベル完了メールでのみ利用できます。この項目の追加プロパティは、
フォーム承認履歴項目と同じです。
設定
左側のパネルにある
設定
から、コンテナの配置、背景、外側コンテナの背景を調整できます。
- LAYOUT & フォントでは、要素のフォントスタイルやサイズを変更し、コンテンツ領域の位置(左揃え・中央揃え・右揃え)や幅(画面幅に合わせる/カスタム幅)を調整できます。
- さまざまな画面サイズに合わせてコンテナ幅を調整するには、Responsive Designチェックボックスを選択します。たとえば、コンテナサイズが幅600ピクセルで、ユーザーの画面サイズが500ピクセルしかない場合、レスポンシブデザインが有効でないと、コンテナ全体が画面に収まりません。この場合、ユーザーが最初の500ピクセル以降のコンテンツを表示できるよう、横スクロールバーが表示されます。Responsive Design を有効にしている場合は、コンテナも500ピクセルまで縮小され、スクロールバーなしでコンテンツがすべて正しく表示されます。
メディア CSS をサポートするモバイルクライアントでは、複数列レイアウトは縦方向に積み重なり、各列が上下に並んで表示されます。
- コンテンツ領域に枠線を付けたい場合は、BORDERで枠線のスタイル、色、太さ、角丸の半径を選択できます。
- BACKGROUNDでは、外側コンテナ用に画像をアップロードするか、グラデーション背景色を選択できます。また、コンテンツ領域の角度や余白も調整できます。
- CONTENT 地域 BACKGROUNDでは、コンテンツ領域の背景として使用する画像をアップロードするか、グラデーションカラーを選択できます。また、この画像を背景内で左・中央・右に配置し、必要に応じて(タイルまたは拡大)フィットさせることもできます。さらに、コンポーネントとコンポーネント領域の端との間隔や、コンポーネント同士の間隔をスライダーで調整できます。
メモ:レイアウト幅としてFit to screenまたはカスタムを選択し、かつResponsive Designを有効にしている場合、メディア CSS をサポートするメールクライアントでは、作成した複数列レイアウトが小さい画面で自動的に1列に積み重なり、読みやすさが向上します。このレスポンシブスタイルは、画像アップロード/画像選択要素にも適用されます。
メールテンプレートのプレビューと編集
- テンプレートの作成が完了したら、右上のプレビューアイコンを使用して、メール通知がデスクトップとモバイルでどのように表示されるかを確認できます。プレビューに問題がなければ、完了をクリックしてテンプレートを保存します。

- これで、メール件名内にカスタマイズしたテンプレートが表示されます。テンプレートをさらに編集するには、テンプレート右上の編集アイコンをクリックします。詳細メールエディター画面が開きます。
- メール通知テンプレート名は、上部に表示される編集アイコンをクリックして編集できます。

あらかじめ用意されたテンプレートを使ってメールメッセージを作成する
-
テンプレートを選択してメールメッセージを作成する場合、人気のカテゴリと40以上のテンプレートが用意されたテンプレートライブラリが表示されます。
-
使用したいテンプレートにカーソルを合わせ、使用するをクリックします。プレビューをクリックしてメールテンプレートを確認することもできます。
-
テンプレートを選択すると、詳細メールエディターが表示され、要素の追加・削除やプロパティの編集により、テンプレートをさらにカスタマイズできます。
レイアウトを選択してメールメッセージテンプレートを作成する
- レイアウトを選択してメールメッセージテンプレートを作成する場合、Pre-built Layoutsライブラリが表示されます。
-
使用したいレイアウトにカーソルを合わせ、使用するをクリックします。
- レイアウトを選択すると、詳細メールエディターが表示され、レイアウトを好みに合わせてカスタマイズできます。
メモ: 1つのテンプレートに含められるのは次のとおりです。
- 要素の合計数 - 10,000
- インライン画像の最大数(有効時) - 70
- メールメッセージの最大文字数(有効時) - 1,000万文字
Info:
- 詳細メールエディターは、有料プランでのみ利用できます。
- 現在、有料プランで詳細メールエディターを使用していて、無料プランにダウングレードした場合、詳細エディターで作成したメールは送信されなくなります。
- インライン画像、メールコンテンツ(テキスト、書式)、添付ファイルを含むメールの合計サイズ上限は15MBです。これらすべてのファイルサイズの合計がこの上限を超える場合、ファイルを添付できず、それでもサイズ上限を下回らない場合は、メールを正常に送信できるよう、一部の画像が自動的に削除されることがあります。
- メールクライアントによっては、グラデーションなどのデザイン機能のサポート状況が異なります。メールの表示をできるだけ統一するために、読みやすさを維持できる代替デザインを使用するフォールバックオプションを提供しています。ユーザーに送信する前に、さまざまなメールクライアントでメールテンプレートをプレビューし、どのように表示されるかを確認してください。
- メールコンテンツテンプレートで使用しているフォントが、受信者の端末にインストールされていない場合は、その端末の既定フォントが使用されます。