再利用可能なコンテンツの作成と使用

Eメールコンテンツの編集をマスターする方法を説明します。 Eメールデザイナーを使用すると、独自の定義済みコンテンツを使用してテンプレートとフラグメントを作成し、後で配信する際に再利用できます。

テンプレートを使用したEメールのデザイン

メモ

Adobe Campaign Standardでは、リソース / テンプレート​メニューからアクセスできる様々なタイプのテンプレートを作成できます。 Eメールデザイナーで使用されるテンプレートは、コンテンツテンプレートです。 詳しくは、テンプレートについてを参照してください。

ビデオでテンプレートを作成する方法を確認する

コンテンツテンプレートについて

Eメールデザイナーのホームページの「Templates」タブで提供されるHTMLコンテンツを管理できます。

標準のEメールコンテンツテンプレートには、モバイル用に最適化された18個のレイアウトと、Behanceのアーティストがデザインしたクラス最高の4つのレスポンシブテンプレートが含まれています。 これらは、顧客歓迎メッセージ、ニュースレター、再エンゲージメントEメールなど、最新の使用状況に対応しています。 ブランドのコンテンツを使用して簡単にカスタマイズでき、ゼロからEメールを簡単にデザインできます。

HTMLコンテンツテンプレートには、詳細設定メニューの​Resources > Content templates & fragments​画面からアクセスできます。 ここから、ランディングページコンテンツテンプレート、Eメールコンテンツテンプレートおよびフラグメントを管理できます。

標準のコンテンツテンプレートは読み取り専用です。 そのうちの1つを編集するには、まず目的のテンプレートを複製する必要があります。

新しいテンプレートまたはフラグメントを作成し、独自のコンテンツを定義できます。 詳しくは、コンテンツテンプレートの作成およびコンテンツフラグメントの作成を参照してください。

Eメールデザイナーでコンテンツを編集する場合は、コンテンツをフラグメントまたはテンプレートとして保存して、コンテンツテンプレートを作成することもできます。 詳しくは、 コンテンツをテンプレートとして保存するおよびコンテンツをフラグメントとして保存するを参照してください。

関連トピック:

コンテンツテンプレートの作成

独自のコンテンツテンプレートを作成して、必要な回数だけ使用できます。

次の例は、Eメールコンテンツテンプレートの作成方法を示しています。

  1. Resources > Content templates & fragments​に移動し、Create​をクリックします。

  2. Eメールラベルをクリックして、Eメールデザイナーの「Properties」タブにアクセスします。

  3. このテンプレートをEメールで使用できるように、認識可能なラベルを指定し、次のパラメーターを選択します。

    • Content type​ドロップダウンリストから​Shared​または​Delivery​を選択します。
    • HTML type​ドロップダウンリストから​Template​を選択します。

  4. 必要に応じて、テンプレートのサムネールとして使用する画像を設定できます。 テンプレートプロパティの「Thumbnail」タブから選択します。

    このサムネールは、Eメールデザイナーのホームページの「Templates」タブに表示されます。

  5. Properties​タブを閉じて、メインワークスペースに戻ります。

  6. 必要に応じてカスタマイズできる構造コンポーネントとコンテンツコンポーネントを追加します。

    メモ

    コンテンツテンプレート内にパーソナライゼーションフィールドや条件付きコンテンツを挿入することはできません。

  7. 編集が完了したら、テンプレートを保存します。

このテンプレートは、Eメールデザイナーで作成した任意のEメールで使用できるようになりました。 Eメールデザイナーのホームページの「Templates」タブから選択します。

コンテンツをテンプレートとして保存

EメールデザイナーでEメールを編集する際に、そのEメールの内容をテンプレートとして直接保存できます。

  1. Eメールデザイナーのメインツールバーから​Save as template​を選択します。

  2. 必要に応じてラベルと説明を追加し、「Save」をクリックします。

  3. 作成したテンプレートを探すには、Resources > Content templates & fragments​に移動します。

  4. 新しいテンプレートを使用するには、Eメールデザイナーホームページの「Templates」タブから選択します。

フラグメントとコンポーネントを使用したテンプレートの作成

これで、EメールデザイナーでEメールテンプレートを作成できます。 コンテンツコンポーネントを使用して、Eメールの様々なセクションを反映し、元のニュースレターにできるだけ近づくように設定を調整します。 最後に、作成したフラグメントを挿入します。

  1. Eメールデザイナーを使用して、テンプレートを作成します。 詳しくは、コンテンツテンプレートを参照してください。

  2. テンプレートに、電子メールのヘッダー、フッター、本文に対応する構造コンポーネントを挿入します。 構造コンポーネントの追加について詳しくは、Eメールデザイナーでの電子メール構造の編集を参照してください。

  3. コンテンツコンポーネントを必要な数だけ挿入して、ニュースレターの本文を作成します。 これは、毎月更新するEメールの編集可能なコンテンツになります。

    HTMLコードに精通している場合は、元の電子メールのより複雑な要素をコピー&ペーストできる​Html​コンポーネントを活用することをAdobeにお勧めします。 残りのコンテンツには、ButtonImageText​などの他のコンポーネントを使用します。 詳しくは、コンテンツコンポーネントについてを参照してください。

    メモ

    Html​コンポーネントを使用すると、制限付きオプションで編集可能なコンポーネントが作成されます。 このコンポーネントを選択する前に、HTMLコードの処理方法を理解しておいてください。

  4. コンテンツコンポーネントを、元のEメールとできるだけ一致するように調整します。

    スタイル設定とインライン属性の管理について詳しくは、電子メールスタイルの編集を参照してください。

  5. 作成済みの2つのフラグメント(ヘッダーとフッター)を、目的の構造コンポーネントに挿入します。

  6. テンプレートを保存します。

これで、Eメールデザイナー内でこのテンプレートを完全に管理し、毎月受信者に送信するニュースレターを作成および更新できます。

Eメールを使用するには、Eメールを作成し、先ほど作成したコンテンツテンプレートを選択します。

関連トピック

チュートリアルビデオ

このビデオでは、独自のテンプレートの作成方法を説明します。

追加のCampaign Standardハウツービデオはこちらからご覧いただけます。

フラグメントについて

フラグメントは、1つ以上のEメールで参照できる再利用可能なコンポーネントです。
これらは、リソース > コンテンツフラグメントとテンプレート​の下のインターフェイスにあります。

Eメールデザイナーでフラグメントを最大限に活用するには、次の手順を実行します。

Eメールに追加すると、フラグメントはデフォルトでロックされます。 特定のEメールのフラグメントを変更する場合は、そのフラグメントが使用されているEメール内のロックを解除することで、元のフラグメントとの同期を解除できます。 変更は同期されなくなります。

Eメール内のフラグメントのロックを解除するには、フラグメントを選択し、コンテキストツールバーのロックアイコンをクリックします。

そのフラグメントは、元のフラグメントにリンクされなくなったスタンドアロンコンポーネントになります。 その後、他のコンテンツコンポーネントとして編集できます。 コンテンツコンポーネントについてを参照してください。

フラグメントのEメールへの挿入

Eメールのコンテンツを定義するには、あらかじめ配置した構造コンポーネントにコンテンツ要素を追加します。 Eメール構造の編集を参照してください。

  1. 左側の​+​アイコンを選択して、コンテンツ要素にアクセスします。 「フラグメント」または「コンテンツコンポーネント」を選択します。

  2. 追加するフラグメントのラベルまたはラベルの一部が既にわかっている場合は、それを検索できます。

  3. パレットからEメールの構造コンポーネントにフラグメントまたはコンテンツコンポーネントをドラッグ&ドロップします。

    要素をEメールに追加した後は、構造コンポーネント内、またはEメール内の別の構造コンポーネント内に移動できます。

  4. このEメールのニーズに合わせて要素を編集します。 テキスト、リンク、画像などを追加できます。

    メモ

    フラグメントは、Eメールに追加されると、デフォルトでロックされます。 特定のEメールのフラグメントを変更する場合や、フラグメントで直接変更する場合は、元のフラグメントとの同期を解除できます。 フラグメントについてを参照してください。

  5. Eメールに追加する必要のあるすべての要素に対して、この手順を繰り返します。

  6. 電子メールを保存します。

これで、Eメールの構造が設定され、各コンテンツ要素のスタイルを編集できます。 要素の編集を参照してください。

メモ

フラグメントを変更すると、変更内容がそのフラグメントが使用されているEメールに自動的に反映されます。 詳しくは、フラグメントについてを参照してください。

コンテンツフラグメントの作成

独自のコンテンツフラグメントを作成して、必要に応じて1つ以上のEメールで使用できます。

  1. Resources > Content templates & fragments​に移動し、Create​をクリックします。

  2. Eメールラベルをクリックして、Eメールデザイナーの「Properties」タブにアクセスします。

  3. Eメールコンテンツの編集時にフラグメントを見つけるには、認識可能なラベルを指定し、次のパラメーターを選択します。

    • フラグメントはEメールとのみ互換性があるので、Content type​ドロップダウンリストから「Delivery」を選択します。
    • HTML type​ドロップダウンリストから​Fragment​を選択すると、このコンテンツをフラグメントとして使用できます。

  4. 必要に応じて、フラグメントのサムネールとして使用する画像を設定できます。 テンプレートプロパティの「Thumbnail」タブから選択します。

    このサムネールは、Eメールの編集時にフラグメントのラベルの横に表示されます。

  5. Properties​タブを閉じて、メインワークスペースに戻ります。

  6. 必要に応じてカスタマイズできる構造コンポーネントとコンテンツコンポーネントを追加します。

    注意

    フラグメントには、パーソナライゼーションフィールド、動的コンテンツ、別のフラグメントを含めることはできません.

    空の構造コンポーネントを含むフラグメントコンテンツとして保存しないでください。 フラグメントを挿入すると、編集できなくなります。

    モバイルビューはフラグメントでは使用できません。

  7. 編集が完了したら、フラグメントを保存します。

このフラグメントは、Eメールデザイナーで作成された任意のEメールで使用できるようになりました。 パレットの​Fragments​セクションの下に表示されます。

メモ

パーソナライゼーションフィールドをフラグメント内に挿入することはできません。ただし、Eメールで使用され、ロックが解除されている場合は除きます。 フラグメントについてを参照してください。

コンテンツをフラグメントとして保存

EメールデザイナーでEメールを編集する際に、そのEメールの一部をフラグメントとして直接保存できます。

  • パーソナライゼーションフィールド、動的コンテンツ、または別のフラグメントを含む構造をフラグメントとして保存することはできません。
  • 互いに隣り合う構造のみを選択できます。
  1. EメールデザイナーでEメールを編集する際に、メインツールバーから​Save as fragment​を選択します。

  2. ワークスペースから、フラグメントを構成する構造を選択します。

    メモ

    互いに隣接し、パーソナライゼーションフィールド、動的コンテンツ、別のフラグメントを含まない構造を選択していることを確認します。

  3. Create」をクリックします。

  4. 必要に応じてラベルと説明を追加し、「Save」をクリックします。

  5. 作成したフラグメントを探すには、Resources > Content templates & fragments​に移動します。

  6. 新しいフラグメントを使用するには、任意のEメールコンテンツを開き、フラグメントリストから選択します。

メモ

モバイルビューはフラグメントでは使用できません。 電子メールのモバイル表示を編集する場合は、コンテンツをフラグメントとして保存する前に編集します。

Eメールデザイナーを使用して、再利用可能な各セクション用のフラグメントを作成します。 この例では、2つのフラグメントを作成します。1つはヘッダー用、もう1つはフッター用です。 その後、既存のコンテンツの関連する部分をこれらのフラグメントにコピーできます。

これは、次の手順に従って行います。

  1. Adobe Campaignで、 Resources / Content templates & fragments​に移動し、ヘッダーのフラグメントを作成します。 詳しくは、コンテンツフラグメントの作成を参照してください。

  2. フラグメントに必要な数の構造コンポーネントを追加します。

  3. 構造に画像コンポーネントとテキストコンポーネントを挿入します。

  4. 対応する画像をアップロードし、テキストを入力して設定を調整します。

  5. フラグメントを保存します。

  6. 同様に、フッターを作成して保存します。

これで、フラグメントをテンプレートで使用する準備が整いました。

このページ