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

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

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

メモ

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

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

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

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

標準搭載の電子メールコンテンツテンプレートには、モバイルに最適化された18種類のレイアウトと、Behanceのアーティストが設計したクラス最高の4種類のレスポンシブテンプレートが含まれます。 これらは、お客様の歓迎メッセージ、ニュースレター、リエンゲージメント電子メールなど、最新の使用法に対応しています。 ブランドのコンテンツを使用して簡単にカスタマイズできるので、一から電子メールをデザインするプロセスを簡単に実行できます。

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

標準搭載のコンテンツテンプレートは読み取り専用です。 いずれかのテンプレートを編集するには、まず目的のテンプレートを重複する必要があります。

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

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

関連トピック:

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

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

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

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

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

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

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

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

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

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

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

    メモ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    メモ

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

  4. コンテンツのコンポーネントを、元の電子メールにできる限り合うように調整します。

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

  5. 以前に作成した2つのフラグメント(ヘッダーとフッター)を、必要な構造コンポーネントに挿入します。

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

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

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

関連トピック

チュートリアルビデオ

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

追加のCampaign Standardハウツービデオはこちらで参照できます。

フラグメントについて

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

電子メールデザイナでフラグメントを最大限に活用するには:

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

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

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

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

電子メールのコンテンツを定義するには、事前に配置した構造コンポーネントにコンテンツ要素を追加します。 「電子メール構造の編集」を参照してください。

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

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

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

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

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

    メモ

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

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

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

電子メールの構造が完成したら、各コンテンツ要素のスタイルを編集できます。 「要素の編集」を参照してください。

メモ

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

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

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

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

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

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

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

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

    電子メールを編集すると、このサムネールがフラグメントのラベルの横に表示されます。

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

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

    注意

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

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

    モバイル表示はフラグメントでは使用できません。

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

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

メモ

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

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

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

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

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

    メモ

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

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

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

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

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

メモ

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

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

これをおこなうには、以下の手順に従います。

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

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

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

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

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

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

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

このページ