# 商品のストアフロントを作成する

{% hint style="warning" %}
**非推奨：** Storefront 機能は廃止され、もはやサポートされていません。

このページは歴史的な参照のためにアーカイブされています。これらの手順に従わないでください。
{% endhint %}

impact.com の製品機能セットの一部として、ストアフロントの形式でパートナーとターゲットを絞った製品コレクションを作成および共有できます。カスタマイズされたリスティングをスケジュールしてタイムイベント用に表示したり、ユニークな製品グループを作成したり、製品の表示方法をカスタマイズしたりできます。ストアフロントを構成することで、パートナーが適切なタイミングで適切な製品を迅速かつ簡単に見つけてプロモートできるようになります。

{% embed url="<https://res.cloudinary.com/product-enablement/video/upload/v1748512854/PXA%20Microlearnings/eng-350-7-.mp4>" %}

{% stepper %}
{% step %}

#### **ステップ 1：ストアフロントにアクセスする**

製品のストアフロントを取得するには、まず次を行う必要があります [製品カタログを追加する](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/product-catalogs/add-product-catalogs-as-a-brand)。製品カタログがアップロードされると、ストアフロントは自動的に作成されます。ストアフロントにアクセスするには：

1. 左側のナビゲーションメニューから、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Content → Products → Storefront**.
   * 任意の `在庫あり` カタログ内の製品は、次の *Available Now* グループに追加されます。
     {% endstep %}

{% step %}

#### **ステップ 2：ストアフロントをカスタマイズする**

ストアフロントに表示される名前、バナー画像、製品グループをカスタマイズできます：

1. を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-62a59367bf353a4278be0f801ca5acc8e3f3f4f6%2Fd5cf2d612b75f5d5ec2523e1619a1977446c7e270ca97f958ce837b5fb0cb614.svg?alt=media) **\[編集]** ストアフロント名の横にあります。

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-96232338db7be91bea9110dc0fe3a5f161282b57%2F5df1e8733d964adec020885fc0cfa1ac3a4baf6842e90aa679bb5d26f2e08dc4.png?alt=media" alt="" width="331"><figcaption></figcaption></figure></div>
2. ストアフロントの名前を変更するには、次を入力します **名前**.
3. アバター画像を無効にするには、 ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-2c3a3c392d640f7b79d44c16f21c2c4f0ec3dcca%2F80381ca112cfb2757e97b8669cc0b5c98c8ce8d60ed9e3048b4a86a52e76719f.svg?alt=media) **\[オフに切り替え] ブランドロゴ**.
4. 新しい *カバーフォト* をストアフロントにアップロードするには、次を選択します **ファイルを選択**.
   * PNG、JPEG、GIF、および JPG ファイル形式がサポートされ、最大ファイルサイズは 5.00 MB です。画像の寸法は幅 1170 ピクセル、高さ 200 ピクセルである必要があります。
5. を選択します **保存**.
   {% endstep %}

{% step %}

#### **ステップ 3：製品グループを編集する**

ストアフロント上で個々の製品グループを編集および追加できます：

1. 編集したい製品グループを見つけ、右上隅から次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-62a59367bf353a4278be0f801ca5acc8e3f3f4f6%2Fd5cf2d612b75f5d5ec2523e1619a1977446c7e270ca97f958ce837b5fb0cb614.svg?alt=media) **\[編集]**.

   * または、新しいグループを追加および編集するには、次を選択します **新しいグループを作成** ストアフロント名の横にあります。

   <div data-with-frame="true"><figure><img src="https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-26e61867ac9c7290d6b8f74437ee9a532de64fa2%2F5d5f3c2e882c71e90b62e33eda72da0f1a95f78d725863208f96085fec63b3bf.png?alt=media" alt="" width="321"><figcaption></figcaption></figure></div>
2. の *グループを編集* 画面で、次を調整します **グループ設定** およびこのグループを定義するためのカタログおよび製品ごとの **フィルター** を指定します。
   * を参照してください *グループ設定* および *製品のフィルターを定義する* 以下の参照は、これらの設定に関する詳細情報です。
3. を選択します **保存** 変更を確認するには、をクリックしてください。

#### **グループ設定**

|                |                                                                                                                                                                                                                                                                                                                        |
| -------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| グループ名          | 製品グループの名前を変更します。                                                                                                                                                                                                                                                                                                       |
| グループの説明（オプション） | グループについての説明を追加します。                                                                                                                                                                                                                                                                                                     |
| グループ画像（オプション）  | を選択します **ファイルを選択** 最大ファイルサイズ 5 MB でグループ画像を追加します。このオプションは Branded Port のみ利用可能です                                                                                                                                                                                                                                         |
| パートナーアクセスを制限する | 選択したパートナーまたはパートナーグループに製品グループへのアクセスを付与します。                                                                                                                                                                                                                                                                              |
| ステータス          | <p>この製品グループのステータスを切り替えます — <strong>アクティブ</strong> または <strong>非アクティブ</strong>.</p><p>非アクティブな製品グループは、ストアフロントを共有した後、パートナーには表示されません。</p>                                                                                                                                                                                  |
| 表示期間           | ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d0b6669ae76a7bef06a8d6940d7ad5c16bb8d018%2F7cb018d4face8d7cceb880eb5086c812e764fbcfe6f2a0377f88bc7576973070.svg?alt=media) **\[オンに切り替え]** この設定を有効にして、この製品グループをパートナーに表示する期間を指定します。 |

#### **製品のフィルターを定義する**

| 製品カタログ         | <p>このグループに製品を配置するために使用する製品カタログを選択します。</p><ul><li>次に示すカタログのみが <em>使用可能にしています</em> ストアフロントの製品グループに表示される可能性があります。</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              |
| -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Shopify コレクション | <p>Product Catalog ドロップダウンで Shopify カタログを選択し、そのカタログにコレクションがある場合、Shopify Collection フィルターはストアフロントグループをフィルタリングするためのコレクション ID を提供します。</p><p>追加方法について学ぶ <a href="https://integrations.impact.com/impact-brand/docs/shopify-product-catalog">Shopify カタログ</a>.</p>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
| フィルタウィザード      | <p>Filter Wizard のフィルタリングオプションを使用して、このグループに表示する製品を定義します。<br></p><p><strong>Filter Wizard フィールドの説明</strong><br><br><strong>カタログ商品 ID</strong> — カタログ商品 ID によってアイテムを選択します。<br></p><p><strong>名前</strong> — 名前フィールドによってアイテムを選択します。</p><p>説明 — 説明フィールドのテキストに基づいてアイテムを選択します。<br></p><p><strong>価格</strong> — 価格フィールドに基づいてアイテムを選択します。<br></p><p><strong>セール</strong> — セールフィールドを選択すると、セール中のアイテムのみを表示します。<br></p><p><strong>性別</strong> — 性別フィールドを使用して表示するアイテムを決定します。<br></p><p><strong>ラベル</strong> — テキストラベルに基づいてアイテムを選択します。<br></p><p><strong>メーカー</strong> — 特定のメーカーが作成したアイテムを選択します。<br></p><p><strong>カテゴリ</strong> — カテゴリでアイテムを選択します。<br></p><p><strong>在庫状況</strong> — 利用可能な在庫に基づいてアイテムを表示します。<br></p><p><strong>色</strong> — 色でアイテムを選択します。<br></p><p><strong>テキスト1、テキスト2、テキスト3</strong> — トラッキング設定で指定できるカスタム文字列です。<br></p><p><strong>数値1</strong> — トラッキング設定で指定できるカスタムの数値値です。<br></p><p><strong>マネー1</strong> — トラッキング設定で指定できるカスタムの金額値です。</p><p><strong>プロモーション</strong> — プロモーションフィールドが存在する場合はプロモーション中のアイテムのみを表示するには「存在する」を選択し、プロモーション中でないアイテムのみを表示するには「存在しない」を選択します。<br></p><p><strong>親 SKU</strong> — 特定の親 SKU を共有するアイテムを選択します。<br></p><p>複数のオプションを <em>値</em> テキストボックスにコンマ区切りのリストとして追加できます。</p> |
| 並べ替えオプション      | <p>次のフィールドに基づいて、昇順または降順でこのグループに表示される製品の順序を並べ替えることができます：</p><ul><li>現在の価格</li><li>割引率</li><li>メーカー</li></ul>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| {% endstep %}  |                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       |

{% step %}

#### **ステップ 4：ストアフロントと製品グループを共有する**

1. ストアフロント全体を共有するには、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8ec3e877b1397045c61d394485e72ac4d93120ee%2Fc6ddb46c637059f06e86c790a911217a9428f5c47b5efef046f90555e85b03cd.svg?alt=media) **\[その他] → ストアを共有** ストアフロント名の横にあります。
   * または、特定の製品グループを共有するには、共有したいグループカードまでスクロールして次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f0fca6f071aac798bf1667f39abebb0d8ac5a890%2Ff51aff9b1cc602ea8a871b65b869f07d455d920d5e54a62571f53dc8ce5e912a.png?alt=media) **\[コピー]**.
2. リンクがクリップボードにコピーされるので、それをパートナーに [メッセージ](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/reach-out-to-partners/messaging/send-a-message-to-a-partner) または [ニュースレター](https://help.impact.com/brand/ja/wobitaidesuka/platform-features/reach-out-to-partners/newsletters/introduction-to-newsletters).
   {% endstep %}

{% step %}

#### **ステップ 5：製品グループを削除および並べ替える**

1. 製品グループを削除または並べ替えるには、次を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-8ec3e877b1397045c61d394485e72ac4d93120ee%2Fc6ddb46c637059f06e86c790a911217a9428f5c47b5efef046f90555e85b03cd.svg?alt=media) **\[その他] → グループを管理** ストアフロント名の横にあります。
   * **並べ替え：** グループをドラッグアンドドロップして、ストアフロントのホームページ上の表示順を並べ替えます。
   * **削除：** を選択します ![](https://1458456015-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[削除]** → **OK** 確認画面で。
     {% endstep %}
     {% endstepper %}
