> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/partner/ja/nitsuitebitaidesuka/impactcom-mobile-app/mobile-app-creator-storefronts/add-collections-and-products-to-your-storefront-on-the-mobile-app.md).

# モバイルアプリでストアフロントにコレクションと商品を追加する

タブとコレクションは、モバイル店舗の商品の整理に役立ちます。この記事では、タブの設定、コレクションの作成、商品の追加方法を説明します。

## タブを整理する

タブは、公開店舗でコレクションをまとめる最上位セクションです。店舗一覧から、設定を開くためにキュレーション済み店舗を選択し、次に **タブを管理** を使用して、タブの追加、名前変更、並べ替え、非表示、または削除を行います。各タブに名前を付けてください。保存する前に、少なくとも1つ名前付きのタブを追加する必要があります。

<div data-with-frame="true"><figure><img src="https://3659882269-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb2rE79d9UhOKZQLgzSqx%2Fuploads%2FsNBYsNIXUHv7uGA8wwxC%2FScreenshot%202026-09-17%20at%2015.12.11.png?alt=media&amp;token=9cb40362-a5bf-4b60-8ee6-7fc23be5f4a1" alt="Manage Tabs screen on the impact.com mobile app" width="375"><figcaption></figcaption></figure></div>

{% hint style="success" icon="circle-info" %}
**注:** コレクションを含むタブは削除できません。代わりに非表示にしてください。タブを削除できるのは空のときだけです。コレクションは *すべてのコレクション*.
{% endhint %}

## コレクションを作成して管理する

コレクションを使うと、関連する商品をまとめて、オーディエンスが店舗で閲覧できるキュレーションセットにできます。空のタブには *コレクションなし* と「コレクションを作成して商品を追加し始めましょう。」というメッセージが表示されます。

1. 設定で、 **コレクションを追加**を選択します。新しいコレクションは、作成中は非公開のままです。
2. 名前を追加します。必要に応じて、説明も追加できます。
3. カバーを追加するには、 **メディアをアップロード** （画像または動画）または **ソーシャル投稿を追加**.
   * 既存のカバーを後で変更するには、 **編集** を選択し、新しいメディアまたはソーシャル投稿を選びます。

{% hint style="success" icon="circle-info" %}
**注:** ソーシャル投稿をコレクションのカバーとして使用するには、まず [プロフィール](/partner/ja/nitsuitebitaidesuka/impactcom-mobile-app/mobile-app-creator-storefronts/set-up-and-manage-your-storefronts-on-the-mobile-app.md).
{% endhint %}

4. 選択する **商品を追加**.
5. カテゴリを閲覧したり、カタログを検索したり、 **フィルター**, **並べ替え**, **ブランド**、および **カテゴリー**.
6. から絞り込んで、希望する各商品を選択します。選択内容は *選択済みの商品*の下に表示され、追加する前に削除できます。
7. 選択する **商品を追加（N）**.

<div data-with-frame="true"><figure><img src="https://347878556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fb2rE79d9UhOKZQLgzSqx%2Fuploads%2FHXFLSBFMYZLkDHZtIOs2%2FUmbrella%20Corp.%20(1).png?alt=media&#x26;token=acf4c7b6-09c8-4a40-a9f0-558050777f12" alt="Add Products screen with selected products on the impact.com mobile app" width="375"><figcaption></figcaption></figure></div>

8. ドラッグして商品の順序を並べ替えます。コレクションから商品を削除するには、表示される確認で承認します。

ドラッグしてタブ内のコレクションの順序を並べ替えます。各コレクションには **編集**, **共有**, **非表示**、および **削除** という操作が設定にあり、いずれかを保存すると *コレクションが作成されました* または *コレクションが更新されました* の確認が表示されます。コレクションの公開/非公開を変更するには、 **コレクションを表示** または **コレクションを非表示** を使用します。非表示のコレクションには *非表示* バッジが表示され、公開店舗には表示されません。

単一のコレクションを共有するには、 **共有** をコレクションの操作メニューから選択して、そのコレクションリンクをコピーまたは送信します。

{% hint style="success" icon="circle-info" %}
**注:** コレクションを公開するには、名前と少なくとも1つの商品が必要です。空のコレクションを表示しようとすると *コレクションを表示できません*: 「このコレクションは現在空です。公開するには、名前を付けて少なくとも1つの商品を追加する必要があります。」
{% endhint %}

## 追加リソース

* [モバイルアプリで店舗を設定・管理する](/partner/ja/nitsuitebitaidesuka/impactcom-mobile-app/mobile-app-creator-storefronts/set-up-and-manage-your-storefronts-on-the-mobile-app.md) — 店舗のハンドル、プロフィール、カルーセルを設定し、店舗リンクを共有しましょう。
* [クリエイター向け店舗の解説](/partner/ja/nitsuitebitaidesuka/platform-features/working-with-brands/storefronts-for-creators/storefronts-explained-for-creators.md) — 店舗の仕組みと、誰が利用できるかを学びましょう。


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://help.impact.com/partner/ja/nitsuitebitaidesuka/impactcom-mobile-app/mobile-app-creator-storefronts/add-collections-and-products-to-your-storefront-on-the-mobile-app.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
