新規での E メールのデザイン

E メールコンテンツのマスター方法を説明します。 E メールデザイナーを使用すると、独自の定義済みコンテンツを使用して、または使用せずに E メールやテンプレートを作成できます。

E メールデザイナーを使用して E メールコンテンツを最初から作成および設計する主な手順は次のとおりです。

  1. E メールを作成し、そのコンテンツを開きます。
  2. 電子メールの形状を作成する構造コンポーネントを追加します。 詳しくは、 メール構造の編集.
  3. 構造コンポーネントにコンテンツコンポーネントとフラグメントを挿入します。 詳しくは、 フラグメントとコンテンツコンポーネントの追加.
  4. 画像を追加し、E メールのテキストを編集します。 画像の挿入を参照してください。
  5. パーソナライゼーションフィールドやリンクなどを追加して E メールをパーソナライズします。 詳しくは、 パーソナライゼーションフィールドの挿入, リンクの挿入 および E メールでの動的コンテンツの定義.
  6. 電子メールの件名行を定義します。 詳しくは、 E メールの件名行のパーソナライズ.
  7. E メールのプレビュー.
  8. コンテンツを保存し、オーディエンスを定義し、送信を適切にスケジュールしたことを確認した後、メッセージを続行します。

また、 紹介ビデオ.

メモ

E メールコンテンツをゼロからデザインするのを避けるために、標準のコンテンツテンプレートを使用できます。 詳しくは、 コンテンツテンプレート.

電子メール構造の定義

E メールデザイナーを使用すると、E メールの構造を簡単に定義できます。 簡単なドラッグ&ドロップ操作で構造要素を追加して移動することで、E メールの形状を数秒でデザインできます。

E メールの構造を編集するには:

  1. 既存のコンテンツを開くか、新しい E メールコンテンツを作成します。

  2. 次にアクセス: Structure components 選択 + アイコンをクリックします。

  3. 電子メールの形成に必要な構造コンポーネントをドラッグ&ドロップします。

    青い線は、ドロップする前に構造コンポーネントの正確な位置を具現化します。 上、他のコンポーネントの間または下にドロップできますが、内部にはドロップできません。

    メモ

    列のスタックは、すべての電子メールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、列はスタックされません。

    E メールに配置した後は、既にコンテンツコンポーネントまたはフラグメントが配置されていない限り、コンポーネントを移動または削除することはできません。

  4. 1 つ以上の列で構成される構造コンポーネントを使用できます。

    を選択します。 n:n column コンポーネントを使用して、選択する列の数を定義します (3 ~ 10)。 また、各列の下部にある矢印を移動して、各列の幅を定義することもできます。

    メモ

    各列のサイズは、構造コンポーネントの全幅の 10%以下にすることはできません。 空でない列は削除できません。

構造を定義したら、コンテンツフラグメントとコンポーネントを E メールに追加できます。

プリヘッダーの使用

プリヘッダーは、インボックスから E メールを表示する際に件名の後に続く短い概要テキストです。 プリヘッダーは、より高い開封率を提供します。

を選択します。 Preheader 編集ボックスを開き、コンテンツを完成させます。

次の項目を追加できます: Content block, a Dynamic content または Personalization fields をプリヘッダーコンテンツに追加します。

メモ

プリヘッダーは、すべての電子メールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、プリヘッダーは表示されません。

コンテンツコンポーネントの使用

コンテンツコンポーネントは生の空コンポーネントで、E メールに配置すると編集できます。

コンテンツコンポーネントは、必要な数だけ構造コンポーネントに追加できます。 また、構造コンポーネント内や別の構造コンポーネントに移動することもできます。

E メールデザイナーで使用可能なコンポーネントのリストを次に示します。

Button

複数のボタンを使用する必要がある場合は、各ボタンを一から編集するのではなく、 Button コンポーネントを使用します。

また、ボタンをフラグメントに保存して再利用することもできます。 詳しくは、 コンテンツフラグメントの作成 および コンテンツをフラグメントとして保存.

選択 Fallback view をクリックして、E メールデザイナーにフォールバック画像を表示します。

Text

このコンポーネントを使用して、E メールにテキストを挿入します。 テキストの色、スタイル、サイズは Component Settings.

Divider

このコンポーネントを使用して、E メールに分割線を挿入します。 区切り線の色、スタイル、サイズは、 Component Settings.

HTML

このコンポーネントを使用して、既存のHTMLの異なる部分をコピー&ペーストします。 これにより、無料のモジュラーHTMLコンポーネントを作成できます。

メモ

フリーHTMLコンポーネントは、制限付きオプションで編集できます。 すべてのスタイルがインライン化されていない場合、 head HTMLコードのセクションに含めてください。そうしないと、E メールが応答しなくなります。 以下を使用: Preview ボタンを使用して、コンテンツの応答性をテストします ( メッセージのプレビュー) をクリックします。

外部コンテンツを E メールデザイナーに準拠させる場合には、Adobeは最初からメッセージを作成し、既存の E メールのコンテンツをフラグメントやコンポーネントにコピーすることをお勧めします。

再作成できないコンテンツがある場合は、元の E メールから、 Html コンテンツコンポーネント 先に進む前に、HTMLに関する詳細を確認します。

メモ

新しいコンテンツは、元の E メールの正確なコピーではありませんが、以下の手順で、できるだけ近いメッセージを作成する手順を説明します。

コンテンツをコピーする前に

  1. 元の E メールで、送信する各 E メールに固有のセクションから再利用可能なセクションを特定します。
  2. 使用するすべての画像とアセットを保存します。
  3. HTMLに詳しい場合は、元のHTMLコンテンツを別の部分に分割します。

ビデオ

ビデオコンポーネントを電子メールの構造コンポーネントに挿入し、 Component Settings.

メモ

ビデオは、すべての電子メールプログラムと互換性があるわけではないことに注意してください。サポートされていない場合、フォールバックが表示されます。

画像

このコンポーネントを使用して、電子メールに画像を挿入します。

画像コンポーネントを構造コンポーネントに挿入し、「参照」をクリックして、コンピューターから画像ファイルをアップロードします。

Social

このコンポーネントを使用して、E メールにソーシャルメディアページへのリンクを挿入します。 表示するリンクと、そのアイコンのサイズを Component Settings.

  1. 次をドラッグ&ドロップ: Carousel コンポーネントを構造コンポーネント内に配置します。

  2. コンピュータから画像を参照して選択します。

  3. 次の Settings パネルで、カルーセルに表示するサムネールの数を設定します。

  4. お使いのコンピュータからフォールバック画像を選択します。

カルーセルコンポーネントは、すべての電子メールプログラムと互換性があるわけではありません。 電子メールでカルーセルがサポートされていない場合は、代わりに画像を表示するためのフォールバックをアップロードします。

メモ

カルーセルコンポーネントは、次の電子メールプラットフォームと互換性があります。Apple Mail 7、Apple Mail 8、Outlook 2011 for Mac、Outlook 2016 for Mac、Mozilla Thunderbird、iPadとiPad mini iOS、iPhoneiOS、Android、AOL(Chrome、Firefox、Safari)。

関連トピック

このページ