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

- カスタマイズしたテンプレートがメールの件名欄に表示されます。テンプレートをさらに編集するには、テンプレートの右上にある編集アイコンをクリックします。高度なメールエディターのページに移動します。
- 図のように、上部の編集アイコンをクリックすると、メール通知テンプレート名を編集できます。

既成テンプレートを使用したメールメッセージの作成
-
[テンプレートを選択]を選択して メールメッセージを作成すると、既成テンプレートライブラリーが開きます。人気のカテゴリと40種類以上のテンプレートの選択肢が用意されています。
-
使用するテンプレートにカーソルを合わせ、[これを使用]をクリックします。[プレビュー]をクリックして、メールテンプレートをプレビューすることもできます。
-
テンプレートを選択すると、高度なメールエディターが開きます。ここで要素の追加や削除、プロパティの編集を行い、テンプレートをさらにカスタマイズできます。
レイアウトを選択して行うメールメッセージテンプレートの作成
- メールメッセージテンプレートを作成する際に[レイアウトを選択]を選択すると、既成レイアウトライブラリーが開きます。
-
使用するレイアウトにカーソルを合わせ、[これを使用]をクリックします。
- レイアウトを選択すると、高度なメールエディターに移動し、レイアウトを好みに合わせてカスタマイズできます。
メモ:テンプレートに含められる内容は以下のとおりです。
- 要素の合計数 - 10,000
- インライン画像の最大数(本番) - 70
- メールメッセージの最大文字数(本番) - 1,000万文字
情報:
- 高度なメールエディターは、有料プランでのみ利用できます。
- 現在、有料プランで高度なメールエディターを使用している状態から無料プランにダウングレードすると、高度なエディターで作成したメールは送信されなくなります。
- インライン画像、メール内容(テキスト、書式)、添付ファイルを含むメールの合計サイズ上限は15MBです。これらすべての合計ファイルサイズが上限を超えると、ファイルを添付できません。また、それでもサイズ上限内に収まらない場合は、メールを正常に送信できるよう、一部の画像が自動的に削除されることがあります。
- グラデーションなどのデザイン機能に対する対応レベルは、メールクライアントによって異なる場合があります。メールが一貫して表示されるよう、可読性を維持するための代替デザインを使用するフォールバックオプションを提供しています。送信前に、さまざまなメールクライアントでメールテンプレートをプレビューし、ユーザーにどのように表示されるかを確認してください。
- メール内容テンプレートで使用されているフォントがメール受信者の端末で利用できない場合、受信者の既定のフォントが読み込まれます。