新規でのメールのデザイン designing-an-email-content-from-scratch
メールコンテンツの編集方法を学びましょう。 メールDesignerでは、独自の定義済みコンテンツの有無にかかわらず、メールとテンプレートを作成できます。
E メール Designerを使用して、メールコンテンツをゼロから作成およびデザインする主な手順は次のとおりです。
- メールを作成し、そのコンテンツを開きます。
- 構造コンポーネントを追加してメールを作成します。 メール構造の編集を参照してください。
- コンテンツコンポーネントとフラグメントを構造コンポーネントに挿入します。 フラグメントとコンテンツコンポーネントの追加を参照してください。
- 画像を追加し、メールのテキストを編集します。 画像の挿入を参照してください。
- パーソナライゼーションフィールドやリンクなどを追加して、メールをパーソナライズできます。 パーソナライゼーションフィールドの挿入、 リンクの挿入および メールでの動的コンテンツの定義を参照してください。
- メールの件名を定義。 電子メールの件名のパーソナライズ を参照してください。
- メールのプレビュー。
- コンテンツを保存し、オーディエンスを定義し、送信を適切にスケジュールしてからメッセージを続行します。
また、この紹介ビデオ も確認できます。
メール構造の定義 defining-the-email-structure
E メールデザイナーを使用すると、メールの構造を簡単に定義できます。簡単なドラッグ＆ドロップ操作で構造要素を追加して移動することで、メールの形状を数秒でデザインできます。
メールの構造を編集するには：
-
既存のコンテンツを開くか、新しいメールコンテンツを作成します。
-
左側のStructure components+アイコンを選択して、にアクセスします。
-
メールのシェイプに必要な構造コンポーネントをドラッグ&ドロップします。
青い線は、構造コンポーネントをドロップする前の正確な場所を表しています。 他のコンポーネントの上、間、または下にドロップできますが、内部にはドロップできません。
note NOTE 列のスタックは、すべてのメールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、列はスタックされません。 電子メールに配置した後は、コンテンツコンポーネントまたはフラグメントが既に内部に配置されていない限り、コンポーネントを移動または削除することはできません。 -
1つ以上の列で構成される複数の構造コンポーネントを使用できます。
n:n列 コンポーネントを選択して、選択した列数（3 ～ 10個）を定義します。 また、各列の下部にある矢印を移動して、各列の幅を定義することもできます。
note NOTE 各列のサイズは、構造コンポーネントの全幅の 10％未満にすることはできません。空でない列は削除できません。
構造を定義したら、コンテンツフラグメントとコンポーネントをメールに追加できます。
プリヘッダーの使用 preheader
プリヘッダーとは、受信トレイから電子メールを表示する際に、件名の後に続く短い要約テキストのことです。 プリヘッダーを使用すると、開封率が高くなります。
「Preheader」編集ボックスを選択し、コンテンツを完成させます。
プリヘッダーコンテンツにContent block、Dynamic contentまたは Personalization fields を追加できます。
コンテンツコンポーネントの使用 about-content-components
コンテンツコンポーネントは未加工の空のコンポーネントで、電子メールに配置すると編集できます。
構造コンポーネントには、必要な数のコンテンツコンポーネントを追加できます。 構造コンポーネント内または別の構造コンポーネントに移動することもできます。
E メール Designerで使用可能なコンポーネントのリストを次に示します。
Button
各ボタンをゼロから編集するのではなく、複数のボタンを使用する必要がある場合は、コンテキストツールバーを使用してButton コンポーネントを複製できます。
ボタンをフラグメントに保存して、再利用することもできます。 詳しくは、 コンテンツフラグメントの作成および コンテンツをフラグメントとして保存を参照してください。
「Fallback view」を選択して、電子メールDesignerにフォールバック画像を表示します。
Text
このコンポーネントを使用して、メールにテキストを挿入します。 Component Settingsでテキストの色、スタイル、サイズを調整できます。
Divider
このコンポーネントを使用して、メールに区切り線を挿入します。 破断線の色、スタイル、サイズは Component Settings で選択できます。
HTML
このコンポーネントを使用して、既存のHTMLの様々な部分をコピー&ペーストします。 これにより、無料のモジュラーHTML コンポーネントを作成できます。
外部コンテンツを電子メールDesignerに準拠させるには、Adobeでは、メッセージをゼロから作成し、既存の電子メールからフラグメントやコンポーネントにコンテンツをコピーすることをお勧めします。
再作成できないコンテンツがある場合は、Html コンテンツコンポーネントを使用して、元のメールからHTML コードをコピー&ペーストできます。 先に進む前に、HTMLについてよく理解していることを確認してください。
コンテンツをコピーする前
- 元の電子メールでは、送信する各電子メールに固有のセクションから、再利用可能なセクションを特定します。
- 使用するすべての画像とアセットを保存します。
- HTMLに詳しい方は、元のHTML コンテンツを別の部分に分割してください。
ビデオ video-settings
ビデオコンポーネントをメールの構造コンポーネントに挿入し、Component Settingsにビデオリンクを入力します。
画像
このコンポーネントを使用して、メールに画像を挿入します。
画像コンポーネントを構造コンポーネントに挿入し、「参照」をクリックして、コンピューターから画像ファイルをアップロードします。
Social
このコンポーネントを使用して、メールにソーシャルメディアページへのリンクを挿入します。 表示するリンクとアイコンのサイズを Component Settings で選択できます。
カルーセル carousel-settings
-
構造コンポーネント内のCarousel コンポーネントをドラッグ&ドロップします。
-
コンピューターから画像を参照して選択します。
-
Settings ペインで、カルーセルに含めるサムネールの数を設定します。
-
コンピューターからフォールバック画像を選択します。
カルーセルコンポーネントは、すべてのメールプログラムと互換性があるわけではありません。メールにカルーセルがサポートされていない場合は、代わりに画像を表示するフォールバックをアップロードします。
関連トピック：