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