このページでは、お客様向けサイト（コミュニティサイトなど）に「サブスク商品バナー」を表示/追加させる方法と、バナー画像のサイズを変更する手順についてご説明します。
＜salesforce契約管理画面上＞
1. Salesforceでの準備：サイト編集画面を開く
まず、Salesforceにログインし、サイトを編集するための画面（ビルダー）を開きます。
① 画面右上にある歯車のアイコンをクリックし、「設定」を選択します。
② 画面左側のメニューにあるクイック検索ボックスに「サイト」と入力し、表示される「すべてのサイト」をクリックします。
③ 設定したいサイト名の横にある「ビルダー」をクリックします。
2. ビルダーでの設定：サブスク商品バナーを配置する
次に、開いたビルダー画面で、サブスク商品バナーを表示させるための設定を行います。
① ビルダー画面左側にある稲妻マークのアイコン【コンポーネント】メニューの中から、【サブスク商品バナー】を見つけます。
② 【サブスク商品バナー】を、ページ内の表示させたい場所までドラッグ＆ドロップして配置します。
③ 配置した「サブスク商品バナー」の箇所をクリックし、必要に応じて設定を変更します。
（画像サイズ変更はこの後の手順で行います）
3. ビルダーでの設定：サブスク商品バナーのサイズを変更する
配置したサブスク商品バナーの画像サイズを調整します。
① ビルダー画面上で、ページに配置した「サブスク商品バナー」のエリアをクリックします。画面右側に設定メニューが表示されます。
② 設定メニュー内の「横幅」と「縦幅」の項目を確認します。初期設定では単位が「％」（パーセント）になっている場合があります。
③ サイズをピクセル単位で細かく調整するために、単位を「px」（ピクセル）に変更します。
④ 「横幅」と「縦幅」に、希望するサイズを数値で入力して調整します。
【ご注意ください】
サイズ単位が「％」のままで数値を変更すると、画面サイズによってはバナーが意図した位置（例えば画面の端など）に配置されない場合があります。サイズを調整する際は、単位を「px」に変更することをおすすめします。
※横幅50%で設定した場合
※サイズ単位を［px］で設定した場合
上記の手順で、サブスク商品バナーの表示設定とサイズ変更は完了です。
キーワード: #サブスクペイProfessional #サブスク商品バナー #画像設定 #サイズ変更 #ビルダー #Salesforce