1. テキストを編集するには、テンプレート上の追加された［テキスト］要素をクリックし、（編集）アイコンをクリックします。
   
2. ［内容を編集する］ポップアップ画面では、基本的な書式設定をテキストに適用できます。
   
3. テキストを明るい色のフォントで表示する場合は、ポップアップ画面の右下にある［ダークモードに切り替える］を使用して入力すると、入力中の視認性が向上します。
   ダークモードでは、メールクライアントがフォントの色と背景色を自動で調整します。
4. テキスト内に項目を含めるには、「@」と入力します。フォーム上の項目の一覧が表示され、必要な項目を選択できます。これらの項目に対するフォームの入力内容は、メール通知内の項目名の場所に表示されます。

1. ［背景］では、［テキスト］要素のボックスの背景色を選択したり、テキストの境界線からテキストまでの間隔を調整したりすることが可能です。
   
2. テキストに罫線を付ける場合は、［罫線］で、罫線のスタイル、色、太さ、角の丸みを設定できます。
   
   

メモ：［テキスト］要素に含めることができる文字数の最大値は30,000文字です。

画像

画像の要素の詳細情報

［画像の要素の詳細情報］にアクセスするには、テンプレート上で追加した［画像］要素をクリックします。左側に［画像の要素の詳細情報］パネルが表示されます。

1. ［画像をアップロードする］では、デスクトップから画像を選択してアップロードできます。
   
2. ［画像のサイズを調整する］では、画像を拡大表示するように設定できます。
   
3. ［画像の配置］では、テンプレートの左、中央、右に画像を配置できます。
   
4. ［リンク先］にURLを入力することで、受信者が画像をクリックした際にそのURLへリダイレクトさせることができます。
   
5. ［代替テキスト］には、画像の背景を説明するテキストを入力できます。このテキストは、画像にカーソルを合わせたり、画像の読み込みに失敗したりした際に表示されます。
6. ［背景］では、［画像］要素のボックスの背景色を選択したり、画像の枠の端からの間隔を調整したりすることが可能です。
   
7. 画像に罫線を付ける場合は、［罫線］項目で、罫線のスタイル、色、太さ、角の丸みを設定できます。
   
   

メモ：

1. メールメッセージのテンプレートを作成する際、最大10件の［画像］要素を追加できます。
   
2. ［画像］要素内の画像の最大サイズは、2MB以下です。
   
3. テンプレートで使用されるすべての画像の合計ファイルサイズは、4MB以下にしてください。

ボタン

メール通知内の［ボタン］要素は、指定されたURLに基づいて、受信者を指定されたWebページへリダイレクトするのに役立ちます。要素の移動／並べ替え、ボタンのスタイルと詳細情報の複製／削除を行うには、テンプレート上の［ボタン］要素をクリックします。それぞれの操作に対応するアイコンが表示されます。

メモ：正しいURLが設定されていないと、一部のメールクライアントでは、ボタンの要素が想定どおりに表示されない場合があります。

1. ［一般］の詳細情報では、［ボタンのラベル］や、受信者がボタンをクリックした際にリダイレクトされる［リンク］を設定できます。
   
   ［リンク先］では、［ボタン］要素を以下のいずれかにリンクさせることができます。
   1. WebサイトのURL
      
      この機能を使用すると、ボタンを外部のWebサイトにリンクさせることができます。リダイレクト先のURLを入力してください。 
      
      値の自動入力：フォームの送信内容は、URLパラメーターとしてリンク先のWebサイトに渡せます。 
      
      1. ［WebサイトのURLにおける値の自動入力］で、［設定する］をクリックします。
         
      2. ポップアップ画面で、パラメーター名を入力し、対応するフォーム項目に関連付けます。 
         
   2. Webサイト項目のURL
      この機能を使用すると、フォーム内の［Webサイト］項目から取得したURLをボタンにリンクさせることができます。ボタンのリンクとして使用するURLの値が格納されている項目を、ドロップダウンから選択します。
   3. 送信内容の編集用リンク
      この機能を使用すると、ボタン内にフォームの編集リンクを設定できます。設定するには、［設定］→［送信と保存］の順に移動し、［送信内容の編集］を有効にする必要があります。
      
   4. 別のフォーム 
      
      この機能を選択すると、回答者は別のフォームにリダイレクトされます。回答者をリダイレクトするフォーム名を、ドロップダウンから選択してください。 
      
      値の自動入力：現在のフォームの入力内容を、リダイレクト先のフォームに事前入力するには：
      
      1. ［フォームの移動処理時の値の自動入力］で、［設定する］をクリックします。
         
      2. ポップアップ画面で、現在のフォームの項目を、リダイレクト先のフォームのパラメーター値に関連付けます。
         

   メモ：  選択したフォームに項目の別名が設定されている場合にのみ、別のフォームに値を自動入力できます。
2. ［ボタンのスタイル］では、フォント、フォントのスタイル、サイズ、フォントの色、ボタンの配置、角丸の半径、幅などを、必要に応じて変更できます。
3. ［ボタンの背景］では、［ボタン］要素の背景色を単色／グラデーションから選択できます。
   
4. ボタンに枠線を付ける場合は、［ボタンの枠線］項目で、枠線のスタイル、色、太さ、角の丸みを設定できます。
   
5. ［ボックスの背景］では、ボタンの要素のボックスの背景を選択したり、ボタンの枠線の端からの余白を調整したりできます。
   
6. ［ボックスの枠線］では、ボタンを囲む枠線のスタイル、色、太さ、角の丸みを設定できます。

1. 列の幅を変更するには、列の区切り線にカーソルを合わせ、矢印をドラッグします。
   
2. 表内に項目を含めるには、「@」と入力します。フォーム上の項目の一覧が表示され、必要な項目を選択できます。これらの項目に対するフォームの入力内容は、メール通知内の項目名の場所に表示されます。
3. 要素の移動／並べ替え、要素と詳細情報の複製／削除を行うには、テンプレート上の［表］要素をクリックします。それぞれの操作に対応するアイコンが表示されます。
   

1. ［テーマ］では、表のスタイルやセルの色を選択できます。
   
2. ［ヘッダーの設定］では、ヘッダーのフォントの種類、サイズ、色、スタイル（太字、斜体、下線）を選択できます。また、ヘッダーのテキストを左寄せ、中央揃え、右寄せ、両端揃えにすることもできます。
   
3. ［セルの設定］では、表のセル内のテキストのフォントの種類、フォントのサイズ、フォントの色、フォントのスタイル（太字、斜体、下線）を選択できます。セルのテキストを左揃え、中央揃え、右揃え、両端揃えにできます。
   
4. ［表の設定］の［セルの余白］では、すべての表でセルの内容と境界線との間の余白を調整したり、表の境界線のスタイル（実線、点線、破線）や色を設定したりできます。
   
   

メモ：

1. 表内の各セルに入力できる最大文字数は、12,000文字です。
   
2. 表に追加できる最大行数は100行、最大列数は15列です。
   
3. 表に追加された列内にURLなどの長文が挿入されると、ボックスの幅が「設定」で指定された値を超える場合があります。

表（要約）

1. 表内に項目を挿入するには、図のように［…］アイコンをクリックし、［項目を挿入する］をクリックします。この機能を使用すると、選択項目に割り当てられた任意の値を選択して、表の行に挿入できます。

1. 表内に項目を含めるには、「@」と入力します。フォーム上の項目の一覧が表示され、必要な項目を選択できます。これらの項目に対するフォームの入力内容は、メール通知内の項目名の場所に表示されます。

表に列が追加され、その中にURLなどの長文が挿入されると、ボックスの幅が「設定」で指定された値を超える場合があります。

2列のレイアウト

1. 要素の移動／並べ替え、要素と詳細情報の複製／削除を行うには、テンプレート上の［2列のレイアウト］要素をクリックします。それぞれの操作に対応するアイコンが表示されます。
   
   

2列レイアウトの詳細情報
［2列のレイアウト］要素の詳細情報を表示するには、［2列のレイアウト］要素をクリック後、［設定］アイコンをクリックします。［2列レイアウトの詳細情報］パネルが左側に表示されます。

3列レイアウトの詳細情報
［3列のレイアウト］要素の詳細情報を表示するには、［3列のレイアウト］要素をクリック後、［設定］アイコンをクリックします。［3列レイアウトの詳細情報］パネルが左側に表示されます。

1. ［列1の詳細情報］では、列の背景色、枠線のスタイル、枠線の色、太さ、角の丸みを設定できるほか、列の枠線の端からの余白を調整できます。
   
2. 標準では、列1に割り当てられた列の詳細情報が、列2と列3にも適用されます。各列に異なるカスタマイズを適用する場合は、［Apply for all Column］（すべての列に適用）チェックボックスのチェックを外し、列2と列3に固有の詳細を適用します。
   
3. ［背景］では、要素のボックスの背景色を選択したり、ボックスの境界線から列までの間隔を調整したりできます。
   
4. 列に枠線を付ける場合は、［枠線］で、枠線のスタイル、色、太さ、角の丸みを設定できます。

1列のレイアウト

1列のレイアウトでは、メール通知内の内容をわかりやすく整理できます。要素や項目を同じ領域にまとめて配置できます。 

1. 要素の移動／並べ替え、要素と詳細情報の複製／削除を行うには、テンプレート上の［1列のレイアウト］要素をクリックします。それぞれの操作に対応するアイコンが表示されます。

1列レイアウトの詳細情報
［1列のレイアウト］要素の詳細情報を表示するには、［1列のレイアウト］要素をクリック後、［設定］アイコンをクリックします。［1列レイアウトの詳細情報］パネルが左側に表示されます。

1. ［列1の詳細情報］では、列の背景色、枠線のスタイル、枠線の色、太さ、角の丸みを設定できるほか、列の枠線の端からの余白を調整できます。
2. ［背景］では、要素のボックスの背景色を選択したり、ボックスの境界線から列までの間隔を調整したりできます。
   
3. 列に枠線を付ける場合は、［枠線］で、枠線のスタイル、色、太さ、角の丸みを設定できます。

空のブロック

［空のブロック］は、要素の間にスペースを挿入することで、メール通知の読みやすさを向上させるのに便利です。矢印をクリックしてドラッグすることで、空のブロックのサイズを調整できます。

メールエディターの項目

左パネルにあるこのセクションには、フォームに追加された項目の一覧が表示されます。必要な項目を検索して、メールテンプレートにドラッグ＆ドロップすることもできます。メール通知が回答者に送信されると、これらの項目に対するフォームの入力内容は、各項目名の場所に表示されます。

1. 要素の移動や並べ替え、項目と詳細情報の複製や削除を行うには、テンプレート上の［項目］要素をクリックします。それぞれの操作に対応するアイコンが表示されます。
   

一般の項目の詳細情報
項目の詳細情報を表示するには、テンプレート上で目的の項目をクリックします。左側に［項目の詳細情報］パネルが表示されます。

1. ［項目］では、項目の回答のフォントの種類、サイズ、色、スタイル（太字、斜体、下線）を選択できます。項目の回答を左揃え、中央揃え、右揃え、両端揃えにもできます。
   
2. ［背景］では、項目の背景色を選択したり、項目の境界線から項目までの間隔を調整したりできます。
   
3. 項目に枠線を設定する場合は、［枠線］で、枠線のスタイル、色、太さ、角の丸みを設定できます。

1. 画像のボックスでは、アップロードした画像の配置、枠線のスタイル、画像のボックスの枠線の色を選択できるほか、画像のラベルを表示するかどうかを選択できます。

1. ［テーマ］では、サブフォームのスタイルやセルの色を選択できます。
   
2. ［ヘッダーの設定］と［セルの設定］の各項目で、ヘッダーとセルのフォントの種類、サイズ、色、スタイル（太字、斜体、下線）を個別に設定できます。
3. ［表の設定］の［セルの余白］では、すべての表のセルについて、セルの内容とセルの枠線の間の間隔を調整できます。表の枠線のスタイルや色も選択できます。
   

1. ［テーマ］では、表形式の選択肢のスタイルやセルの色を選択できます。
   
2. ［回答のスタイル］と［質問のスタイル］では、表形式の質問と本文について、フォントの種類、サイズ、色、スタイル（太字／斜体／下線）を選択できます。また、テキストを左揃え、中央揃え、右揃え、両端揃えにできます。
3. ［表の設定］の［セルの余白］では、すべての表のセルについて、セルの内容とセルの枠線の間の間隔を調整できます。表の枠線のスタイルや色も選択できます。
   

表形式の選択肢に列が追加されたり、URLなどの長文が挿入されたりするると、ボックスの幅が「設定」で指定された値を超える場合があります。

                                                                                                  

この項目は、［承認］セクションで設定された［プロセスの完了メール］（最終承認および最終却下メール）でのみ利用可能です。これらのメール通知は、承認プロセスおよび 承認ルールの両方で設定できます。この項目の追加の詳細情報については、以下で説明します。 

1. ［表の設定］を使用して、タイトル行とデータ行をカスタマイズします。列見出しは除外されます。［セルの余白］を使用すると、すべての表のセルについて、セルの内容とセルの枠線の間の間隔を調整できます。適切な枠線のスタイルや色を選択することもできます。
   
2. ［列見出し］を使用すると、承認履歴で使用される［列見出し］（承認者情報、承認ステータス、理由）の背景色と文字色を選択することができます。 
3. ［承認ステータス］を使用すると、3つの［承認ステータス］（承認、却下、スキップ）ごとに文字色を選択できます。 

メモ：
［フォント］では、承認履歴の表に表示される段階名にフォントのサイズが適用されます。段階名のフォントサイズを基準として、列見出しとデータ行の文字サイズは、それぞれ自動で1ptずつ小さくなります。
 

段階ごとの確認の履歴