高度なメールエディター

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

ゼロからのメールメッセージテンプレート作成

メールエディターのコンポーネント

メールエディターのフィールド

詳細メール Editorを使用すると、メール通知用の視覚的に魅力的でインパクトのあるメールを作成できます。このユーザーに優しい機能は、受信者がクリアで視覚的に魅力的なメールを確実に受け取るよう、プロフェッショナルで魅力的なメールの作成プロセスを簡単にします。

メールメッセージテンプレートをパーソナライズするには、

詳細 Editorを使用するをメールメッセージボックス内でクリックします。
ポップアップでは、新規作成を選択するか、またはレイアウトを選択するオプションを使用してメールメッセージテンプレートをカスタマイズすることができます。

新たにメールメッセージテンプレートを作成する

新規作成オプションを使用してメールメッセージテンプレートを新たに作成するを選択した場合、詳細メールエディタにリダイレクトされます。ここでは、左パネルからコンポーネントと項目をドラッグアンドドロップして、メールテンプレートをパーソナライズできます。

メールエディタのコンポーネント

次のコンポーネントを使用してメールテンプレートをカスタマイズすることができます：

テキスト
画像
水平折れ線グラフ
ボタン
テーブル
サマリーテーブル
2列のレイアウト
3列のレイアウト
1列のレイアウト
空のブロック

テキスト

テキストコンポーネントを使用すると、メール通知に含めたい任意の内容を直接入力できます。コンポーネントを移動/並べ替える、テキストを編集する、コンポーネントとそのプロパティを複製する、または削除するには、テンプレート上でテキストをクリックすると、各アイコンが表示されます。

テキストの編集

テキストを編集するには、ユーザーが追加したテキストコンポーネントをクリックし、編集アイコンをクリックします。
編集コンテンツのポップアップで、テキストに基本的なフォーマットを適用することができます。
このテキストにライトカラーのフォントを選好する場合は、より良い表示設定のために、ポップアップの右下隅でのオプションを使ってダークモードに切り替えてから入力することができます。
ダークモードでは、メールクライアントが自動的にフォントと背景色を調整します。
このテキスト内に任意の項目を含めるには、@を入力し、フォーム上の項目リストが表示されますから、必要な項目を選択します。これらの項目のフォームへの回答は、メール通知の項目ラベルの代わりに追加されます。

テキストコンポーネントのプロパティ

テキストコンポーネントのプロパティにアクセスするには、ユーザーが追加したテキストコンポーネントをクリックします。そしてテキストコンポーネントのプロパティパネルが左側に開きます。
BACKGROUNDの下で、テキストコンポーネントのコンテナに背景色を選択し、テキストの間隔をテキストボーダーから調整することができます。
テキストにボーダーを付けたい場合は、BORDERの下でボーダースタイル、色、厚み、そして半径を選択することができます。

注意: Tテキストコンポーネントに含めることができる最大文字数は30,000です。

画像

画像コンポーネントは、メール通知に含めたい任意の画像を追加することができます。コンポーネントを移動/並べ替える、画像スタイルとそのプロパティを複製する、あるいは削除するには、ユーザーコンポーネントをクリックし、各アイコンを見つけます。

画像コンポーネントのプロパティ

画像コンポーネントのプロパティにアクセスするには、追加した画像コンポーネントをテンプレート上でクリックします。すると、左側に画像コンポーネントのプロパティの窓が開きます。
画像をアップロードするの項目の下から、デスクトップから画像を選択しアップロードすることができます。
全面に広がる画像を使用する場合は、画像を引き伸ばすオプションを選択することができます。
画像の整列オプションを使用して、画像をテンプレートの左側、中央、または右側に揃えることができます。
背景の項目の下で、画像コンポーネントのコンテナの背景色を選択し、画像のエッジからの間隔を調整することができます。
画像に枠線を付けたい場合は、枠線の項目から枠線のスタイル、色、太さ、半径を選択できます。

メモ:

メールメッセージのテンプレートを作成する際、最大10個までの画像要素を含めることができます。
画像要素内の各画像は、サイズが2MBを超えてはなりません。
テンプレートで使用されているすべての画像の合計ファイルサイズは、4MBを超えてはなりません。

水平折れ線グラフ

水平折れ線グラフ要素を使用すると、テンプレートに水平セクションを追加でき、コンテンツの可読性が向上します。要素を移動、複製、または削除するには、テンプレート内でそれをクリックして、対応するアイコンを表示します。

水平折れ線グラフのプロパティ

水平折れ線グラフ要素のプロパティを表示するには、テンプレートで折れ線グラフを選択します。水平折れ線グラフのプロパティ セクションが左側に表示されます。
折れ線グラフのデザインセクションでは、折れ線グラフのスタイル、色、および厚さを選択できます。
背景セクションでは、水平折れ線グラフ要素のコンテナの背景色を選択し、折れ線グラフの間隔をボーダーのエッジから調整できます。
折れ線グラフにボーダーを付けたい場合は、ボーダー の下でボーダースタイル、色、厚さ、および半径を選択できます。

ボタン

メール通知のボタン要素は、提供されたURLに基づいて受信者を特定のウェブページに誘導できます。要素を移動、複製、または削除するには、テンプレート内でそれをクリックして、対応するアイコンを表示します。

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

ボタンのプロパティ

ボタン要素のプロパティを表示するには、テンプレートでそれを選択します。ボタンのプロパティセクションが左側に表示されます。
一般プロパティの下でボタンのラベルとリダイレクトリンクを指定できます。
ボタンのスタイルセクションでは、フォント、フォントスタイル、フォントサイズ、フォント色、ボタンの整列、半径、および幅を変更できます。
背景セクションでは、ボタン要素のコンテナの背景色を選択し、ボタンの間隔をボーダーのエッジから調整できます。
ボタンにボーダーを付けたい場合は、ボーダーの下でボーダースタイル、色、厚さ、および半径を選択できます。

テーブル

テーブル要素を追加すると、3行3列のテーブルがテンプレートに導入されます。

テーブル内の行と列を追加したり削除したりするには、テンプレート上のテーブルをクリックし、エリプシスアイコンを選択します。

列の幅を調整するには、列の区切り折れ線グラフにカーソルを合わせて矢印をドラッグします。
テーブル内に項目を含めるには、 @を入力してフォーム項目のリストを表示します。必要な項目を選択し、フォームの回答がこれらの項目のラベルを置き換えます。

要素を移動、複製、または削除するには、テンプレート上のテーブルをクリックして対応するアイコンを確認します。

テーブルのプロパティ

テーブル要素のプロパティを表示するには、テンプレート上でそれを選択します。テーブルのプロパティセクションが左側に表示されます。
テーマ セクションでは、テーブルのスタイルとセルの色を選択できます。
ヘッダーの設定 セクションでは、テーブルヘッダーのフォントファミリー、フォントサイズ、フォントカラー、およびフォントスタイル（太字、イタリック、下線）を選択できます。また、テーブルヘッダーテキストを左揃え、中央揃え、右揃え、または両端揃えにすることもできます。
セルの設定 セクションでは、テーブルセルのテキストのフォントファミリー、フォントサイズ、フォントカラー、およびフォントスタイル（太字、イタリック、下線）を選択できます。また、セルテキストを左揃え、中央揃え、右揃え、または両端揃えにすることもできます。
テーブル 設定 > Cell Paddingセクションでは、すべてのテーブルセルとテーブルのボーダー（塗りつぶし線、点線、破線）とその色をスタイル化して、セルの内容とセルのボーダーとの間のスペースを調整できます。

注:

テーブル内の各セルは最大12,000文字まで保持することができます。
テーブルには最大100行と15列まで含めることができます。
テーブルに追加の列を追加し、その中に大文字のテキストコンテンツ（URLなど）を挿入すると、コンテナの幅が設定で設定した値を超える場合があります。

概要テーブル

概要テーブルは、「アイテムとそのレスポンスの概要」のテーブルを作成するために使用されます。

概要テーブルの列に含めるアイテムを選択し、それらのアイテム及びそのレスポンスが対応する列に表示されます。概要テーブルはデフォルトで2列（アイテム用とレスポンス用）になっています。

メールテンプレートにおける2-列レイアウトは、利用可能なスペースを2つの垂直領域に分割してコンテンツを整理することができます。各列に要素または項目をドラッグアンドドロップして、要素/項目のプロパティを挿入してテンプレートを設計できます。

要素を移動/並べ替えるには、要素の設定にアクセスするか、削除するには、テンプレート上の2-列レイアウト要素をクリックして、各アイコンを探します。

2-列レイアウトプロパティ

2-列レイアウト要素のプロパティにアクセスするには、要素をクリックして設定アイコンをクリックします。その後、2-列レイアウトプロパティ ペインが左側に表示されます。
列1のプロパティの下では、列の背景色、ボーダースタイル、ボーダーカラー、厚さ、角の丸みを設定し、列ボーダーのエッジからの列スペーシングを調整できます。
初期設定では、列1のプロパティは列2にも適用されます。各列に異なるカスタマイズを適用したい場合は、全ての列に適用する のチェックを外し、列2固有のプロパティを適用します。
背景下では、要素コンテナの背景色を選択し、コンテナボーダーのエッジからの列間隔を調整できます。
列にボーダーを追加したい場合は、ボーダー下でボーダースタイル、色、厚さ、そして半径を選択できます。

要素を移動/並べ替える、要素の設定にアクセスする、または削除するには、テンプレート上の3-列レイアウト要素をクリックし、各アイコンを見つけます。

3-列レイアウトのプロパティ

3-列レイアウト要素のプロパティにアクセスするには、要素をクリックし、その後設定アイコンをクリックします。3-列レイアウトのプロパティ パネルが左側に表示されます。
「列1のプロパティ」の下では、列の背景色、ボーダーのスタイル、ボーダーの色、厚さ、角の丸み sowie die スペーシングを列ボーダーのエッジから調整することができます。
初期設定では、列1のプロパティが列2と列3の両方に適用されます。列ごとに異なるカスタマイズを適用したい場合は、「すべての列に適用」のチェックボックスを解除して、列2と列3に固有のプロパティを適用します。
背景の下では、要素コンテナの背景色を選択し、コンテナボーダーのエッジからの列のスペーシングを調整することができます。
列にボーダーを設定したい場合は、ボーダーの下でボーダーのスタイル、色、厚さ、及び半径を選択できます。

1-列レイアウト

1-列レイアウトは、あなたのメール通知内のコンテンツを整理するシンプルなアプローチを提供します。これにより、共通のスペースの下で要素と項目をグループ化できます。

要素を移動/並べ替える、要素の設定にアクセスする、または削除するには、テンプレート上の2-列レイアウト要素をクリックし、各アイコンが表示されます。

1- 列レイアウトプロパティ

1-列レイアウト要素のプロパティにアクセスするには、要素をクリックしてから設定アイコンをクリックします。その後、1列レイアウトプロパティのペインが左に表示されます。
列のPROPERTIESの下で、列の背景色、境界線のスタイル、境界線の色、厚み、角の丸みを設定し、列の辺縁からの列の間隔を調整することができます。
BACKGROUNDの下では、要素のコンテナの背景色を選択し、コンテナの境界線の端からの列の間隔を調整することができます。
列に境界線を追加したい場合は、BORDERの下で境界線のスタイル、色、厚み、半径を選択することができます。

空のブロック

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

メールエディターの項目

このセクションでは、フォームに追加された項目のリストが左ペインに表示されます。必須項目を検索し、それらをメールテンプレートにドラッグ・アンド・ドロップすることもできます。これらの項目に対するフォームの応答は、メール通知が回答者に送信されたときにこれらの項目ラベルの位置に追加されます。

要素を移動/並べ替えるため、項目とそのプロパティを複製する、あるいは削除するためには、テンプレート上の項目をクリックします。そうすると各操作のアイコンが表示されます。

一般的な項目のプロパティ

項目のプロパティにアクセスするには、テンプレート上の必須項目をクリックします。すると項目のプロパティペインが左に現れます。
項目の下では、項目の回答に対してフォントファミリー、フォントサイズ、フォントカラー、フォントのスタイル（太字、イタリック、下線）を選択することができます。また、項目の回答を左寄せ、中央寄せ、右寄せ、両端揃えにすることもできます。
背景の下では、項目に背景色を選択し、項目と項目のボーダーの際どの部分のスペースを調整できます。
この項目にボーダーを設定したい場合、ボーダーの下でボーダースタイル、色、厚さ、半径を選択できます。

特殊な項目のプロパティ

画像アップロード、Subform、Matrix Choice、画像 Choicesなどの項目は特定の追加プロパティを持っています。

画像アップロードする

画像 CONTAINERの下では、アップロードされた画像の配置スタイル、ボーダースタイル、画像コンテナのボーダーカラーを選択し、画像のラベルを表示するかどうか決めることができます。

メモ : テンプレートには最大で50の画像アップロード項目を含めることができます。

Subform

THEMEの下で、サブフォームのスタイルおよびセルの色を選択できます。
HEADER 設定とCELL 設定の下で、ヘッダーとセルそれぞれのフォントファミリー、フォントサイズ、フォントカラー、フォントのスタイル（Bold, Italics, Underline）を選択できます。
TABLE 設定のCell Paddingで、セルのコンテンツとセルの境界線との間の間隔を調整できます。また、表の境界線のスタイルと色を選択することもできます。

メモ: サブフォームに追加の列が含まれ、それらにURLなどの大量のテキスト内容が挿入された場合、コンテナの幅は設定で設定された値を超える可能性があります。

Matrix Choice

THEMEの下で、マトリックスのスタイルとセルの色を選択できます。
ANSWER STYLEおよびQUESTION STYLEの下で、マトリックスの質問とコンテンツそれぞれのフォントファミリー、フォントサイズ、フォントカラー、フォントのスタイル（Bold, Italics, Underline）を選択できます。また、テキストを左揃え、中央揃え、右揃え、または両端揃えにすることもできます。
TABLE 設定のCell Paddingで、セルのコンテンツとセルの境界線との間の間隔を調整できます。また、表の境界線のスタイルと色を選択することもできます。

マトリックス選択に追加の列が含まれ、それらにURLなどの大量のテキスト内容が挿入された場合、コンテナの幅は設定で設定された値を超える可能性があります。

画像 Choice

画像 CHOICEの下では、メールテンプレートで画像ラベルのみ表示するか、画像のみ表示するかを決定できます。
項目の下では、項目のフォントファミリー、フォントサイズ、フォントカラー、フォントのスタイル（太字、斜体、下線）およびテキストの配置を選択できます。
BACKGROUNDの下では、項目の背景色を選択し、項目の間隔を項目の境界から調整できます。
この項目に境界線を追加したい場合は、BORDERの下で境界線のスタイル、色、厚さ、および境界線の半径を選択できます。

設定

左パネルの設定

を使用してコンテナの配置、背景、および外部コンテナの背景を変更できます。

LAYOUT & フォントの下では、フォントスタイルを変更し、要素のサイズを調整し、コンテンツエリアの位置（左寄せ、中央寄せ、または右寄せ）と幅（画面に合わせて調整またはカスタム幅）を変更できます。
Responsive Design のチェックボックスを選択し、コンテナの幅を異なる画面サイズに合わせて調整します。コンテナのサイズが600ピクセルでユーザーの画面サイズが500ピクセルの場合、レスポンシブデザインが有効でなければ、コンテナ全体が画面サイズに収まりません。この場合、ユーザーは初期の500ピクセルを超えるコンテンツを見るためにナビゲートし、水平スクロールバーが表示されます。レスポンシブデザインを有効にした場合、すべてのコンテンツが正しく表示され、スクロールバーが不要になるように、コンテナも500ピクセルに縮小します。
CSSメディアをサポートするモバイルクライアントでは、マルチカラムレイアウトは垂直にスタックされ、各列は他の下に配置されます。
コンテンツエリアに境界線を追加したい場合は、BORDERの下で境界線のスタイル、色、厚さ、および境界線の半径を選択できます。
BACKGROUNDの下では、外部コンテナ用の画像をアップロードするか、グラデーションの背景色を選択できます。また、コンテンツエリアの角度と余白を調整できます。
CONTENT 地域 BACKGROUNDの下では、コンテンツエリアの背景の画像をアップロードするか、グラデーションの色を選択できます。また、この画像を背景の左、中央、または右に配置し、必要に応じて画像を調整（タイルまたはストレッチ）できます。さらに、コンポーネントエリアのエッジからのコンポーネントの間隔を調整し、スライダーを使用してコンポーネント間の間隔を変更できます。

メモ: Responsive Design が有効でレイアウトの幅をFit to screenかカスタムのいずれかに設定した場合、メディアCSSをサポートしているメールクライアントでは、設計したマルチカラムレイアウトは自動的に単一の列にスタックされ、読みやすさを向上させるために小さい画面上でも単一の列になります。また、このレスポンシブスタイルは、アップロードされた画像/画像Choice要素にも適用されます。

メールテンプレートのプレビューと編集

テンプレートの作成が次に完了しましたら、右上隅のプレビューするアイコンを使用して、デスクトップとモバイルでのメール通知の表示を確認することができます。プレビューに満足したら、左上隅の保存をクリックしてテンプレートを保存できます。
メール件名であなたのカスタマイズされたテンプレートを表示することができます。さらなる修正のために、テンプレートの右上隅にある編集アイコンをクリックします。これにより、詳細メールエディターページに進みます。
メール通知テンプレートの名前は、上部にある編集アイコンをクリックすることで更新できます。

既製のテンプレートを使用してメールメッセージを作成する

テンプレートを選択する と、メールメッセージを作成するための画面が既製のテンプレートライブラリに移動し、人気のあるカテゴリと40以上のテンプレート設定が表示されます。
希望のテンプレート上にマウスを移動させ、これを使用するをクリックします。また、プレビューするをクリックしてメールテンプレートをプレビューすることもできます。
テンプレートを選択した後、詳細メールエディターに移動し、要素を追加または削除し、そのプロパティを変更することによりテンプレートをさらにパーソナライズすることができます。

レイアウトを選択してメールメッセージテンプレートを作成する

メールメッセージテンプレートを作成するためにレイアウトを選択するを選択すると既製のレイアウトライブラリに移動します。
希望のレイアウト上にマウスを移動させ、これを使用するをクリックします。

レイアウトを選択したら、詳細メールエディターに移動し、自分の好みに合わせてレイアウトをカスタマイズできます。

注釈 : A テンプレートが含む可能性のあるのは以下の通りです

合計要素 - 10,000
最大 inline 画像の制限 (有効) - 70
メールメッセージの最大文字数制限 (有効) - 10 million characters

情報:

詳細メールエディターは支払い済みプランでのみ使用可能です。
詳細メールエディターを支払いプランで使用していて無料プランにダウングレードした場合、詳細エディターで作成したメールの送信が停止されます。
Inline 画像、メールコンテンツ (テキスト、フォーマット)、添付ファイルを含むメールの合計サイズ制限は15MBです。これら全ての組み合わせたファイルのサイズがこの制限を超えると、ファイルを添付できなくなり、まだサイズ制限以下である場合には、メールが成功裏に送信できるように一部の画像が自動的に削除されることがあります。
異なるメールクライアントではデザイン機能、例えばグラデーションなど、のサポートレベルが異なる可能性があります。メールが一貫性を保つために、代替デザインが使用され、読みやすさが維持されるフォールバックオプションを提供しています。さまざまなメールクライアントを使ってメールテンプレートをプレビューし、ユーザーにどのように表示されるかを送信する前に確認してください。
メールコンテンツテンプレートで使用されているフォントが受信者のマシンで利用できない場合、そのマシンのデフォルトフォントが読み込まれます。