---
title: "インポートしたHTMLファイルに基づくコンテンツを追加してください"
slug: "add-content-to-an-email-message-that-is-based-on-an-imported-html-file"
abstract: "HTMLファイルから作成されたメールメッセージにレンダリングを加えて内容を追加してください。"
---
# インポートしたHTMLファイルに基づくコンテンツを追加してください

インポートしたHTMLファイルに基づくメールメッセージに、レンダリングを追加し、関連するプレースホルダーやコンテンツ項目に関連付けることでコンテンツを追加できます。

> !重要この任務を行うにはデザイナー[セキュリティの役割](https://doc.sitecore.com/xp/en/developers/100/platform-administration-and-architecture/en/the-security-roles.html) でなければなりません。

> !注HTMLファイルでは、開発者はメールメッセージでレンダリングを追加したい場所に [プレースホルダーを付ける必要があります](https://doc.sitecore.com/xp/en/developers/exm/100/email-experience-manager/en/enabling-marketers-to-add-content-to-an-email-message-based-on-an-imported-html-file.html) 。適切な場所にレンダリングを追加するには、HTMLファイル内のプレースホルダーの名前を使用し、レンダリングをそのプレースホルダーと関連付ける必要があります。以下は、名前がexm-contentであるプレースホルダーの例です:
> 
> <sc:Placeholder Key="exm-content" runat="server" />

インポートされたHTMLファイルに基づくメールメッセージに追加コンテンツを追加するには:

1.  Email Experience Manager(EXM)で、HTMLファイルをインポートして作成したメールキャンペーンを開きます。
    
2.  **メッセージ**タブでメッセージ本文をクリックすると、編集モードでメールメッセージを開きます。
    
3.  レンダリングを追加するには、**Email**タブの **レイアウト** グループで **「詳細**」をクリックしてください。
    
    ![Email tab showing the Layout section.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/48F5C3E855D64B8591C31C96244DC405.png)
    
4.  **共有レイアウト**タブの**デフォルト**セクションのレイアウト**詳細**ダイアログボックスで、「**インポート済みHTML page.html**」をクリックします。
    
    ![Layout details dialog box showing the Imported HTML page location.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/62D1E478D53C4CAA912E2C481F57F220.png)
    
5.  **デバイスエディター**のダイアログボックスで「**コントロール」**をクリックし、その後**「追加**」をクリックします。
    
    ![Device Editor dialog box showing the Controls tab with the Add button.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/660C1D508DF44C948B2BD2CEC961F4B0.png)
    
6.  「 **レンダリングを選択する** 」ダイアログボックスで、例えば「サンプルレンダリング」などの該当レンダリングに移動し、「 **選択**」をクリックします。
    
    ![Select Rendering dialog box showing the Sample Rendering.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/1DDA8A68431A474FBC288CE736511ED4.png)
    
7.  **デバイスエディター**のダイアログボックスで、追加したレンダリングを選択し、「**編集**」をクリックします。
    
8.  **コントロールプロパティ**ダイアログボックスの**「一般」**セクションで:
    
    -   **プレースホルダー**欄で、HTMLファイルのプレースホルダー名を入力して、メール内の内容を表示したい場所を示します。
    -   **データソース**フィールドで、レンダリングに関連付けたいコンテンツ名をブラウズするか入力してください。
    
    ![Control Properties dialog box, General section.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/BBBC5FBC1A1947889191D44DA3C21BA6.png)
    
9.  **OK**をクリックします。
    

編集モードでメールメッセージを開くと、追加したレンダリングをクリックして浮動ツールバーが表示され、関連するコンテンツ項目を編集できます。

![Email tab showing the email message in Edit mode.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/exm/103/email-experience-manager/images/F27A776B61F44BFC8605CC030CF6C9D5.png)

> !注コンテンツ項目に加えた変更は元の項目に保存され、そのコンテンツアイテムが使用されている他の場所で更新されます。さらに、システム内の他の場所から変更が加えられた内容も、あなたのメールメッセージの内容に更新されます。