---
title: "プロモレンダリングを追加"
slug: "add-a-promo-rendering-973859"
abstract: "重要な内容を強調しましょう。"
---
# プロモレンダリングを追加

プロモーションレンダリングを使って、ページの重要なコンテンツをハイライトしたり、製品の動画や今後のイベントを宣伝したり、キャリアページの最新求人を指し示したりできます。

デフォルトでは、Promoのデータソース項目にはテキストフィールド、画像、リンクが含まれています。Promoレンダリングにはレンダリングバリエーションがあります。

プロモレンダリングを追加するには:

1.  エクスペリエンスエディターでツールボックスを開きます。
    
2.  **ページコンテンツ**セクションから、プロ**モ**レンダリングを追加したいプレースホルダーにドラッグ&ドロップします。
    
3.  「 **関連コンテンツ選択** 」ダイアログボックスで、希望するプロモーションを選択して**OK**をクリックします。または、「 **作成** 」をクリックして新しいプロモレンダリングを作成します。
    
4.  レンダリングバリアントを選択するには、フローティングツールバーの **バリアント** リストで、希望するバリアントを選択します。
    
    ![The floating toolbar for the Promo rendering.](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/SXA-headless-floating-toolbar-promo.png)
    
5.  プロモレンダリングにスタイルを適用するには、「 **スタイリング** 」セクションでスタイルを選択し、**OK**をクリックします。
    
    ![Select a style](https://doc.sitecore.com/api/markdown-image/xp/ja/users/sxa/103/sitecore-experience-accelerator/images/SXA-headless-promo-styles.png)
    

> !注プロモレンダリングは、ページに追加する前に作成できます。以下の場所に保存されます:
> 
> Sitecore\\Content\\<tenant>\\<site>\\Data\\Promos