# 2. Commerce Hub: Use Cases

<article class="text-token-text-primary w-full" data-scroll-anchor="true" data-testid="conversation-turn-486" dir="auto" id="bkmrk-use-case-%231%3A-publish">**Use Case #1: Publishing New Products**

Your e-commerce team wants to onboard a new line of items to the Marketplace. They click **Commerce Hub** **→ Offerings**, then **+ Add** to open the “Add product” form. They select the target Project, enter Name, SKU, Price, choose a Category, upload a Main Image, and toggle **Active**. Upon saving, the new product appears in the table (with Total count updated) and is immediately searchable and filterable by Name, SKU, Category, and Status—ready for customers to browse and purchase.

**Use Case #2: Reusing Marketplace Settings via Project-Scoped Configurations**

A second business unit needs the same Order Statuses, Category hierarchy, and Payment Methods you built for Project A. From **Commerce Hub → Configurations**, they select their Project in the “Settings by project” bar, click **Clone from project**, choose Project A in the modal, and hit **Clone**. Instantly, all statuses, labels, and configuration entries appear for the new Project. They can then tweak colors or labels in-place without rebuilding from scratch.

**Use Case #3: Building &amp; Managing Categories for Discovery**

Your merchandising team wants to group products by “Electronics,” “Accessories,” and “Clearance.” They go to **Commerce Hub → Categories**, click **+ Add**, pick the Project, enter the Label and URL slug, and optionally nest it under an existing parent. In the table view they can expand each row to see how many products already use that category, edit or delete categories, and drag-and-drop to reorder. Search and filtering on the Category name let them locate and manage any node in a large tree.

**Use Case #4: Enabling Multiple Payment Methods &amp; Integrations**

Your finance team needs to offer PayPal, Stripe, and an in-house “Manual” option. Under **Commerce Hub** **→ Payment methods**, they click **+ Add**, choose the Project, pick Type (e.g. “Stripe”), select Integration, set the Merchant ID, and define Currencies, Rules, and Credentials via the JSON editor. Toggling the Status switch immediately enables or disables that payment option on the storefront. The table shows Name, Type, Integration, and Project columns—so teams can audit and adjust live methods in seconds.

**Use Case #5: Reviewing &amp; Fulfilling Customer Orders**

Customer support needs to monitor incoming orders. They open **Commerce Hub** **→ Orders**, where the table lists Order ID, Date, Project, Customer, Cost, and Status—together with Total count, Search box, and a **Filter** drawer for date ranges, customer name, price slider, and status selectors. Clicking the expand-row arrow on any order reveals full order details on the right. From there, they can update the Status dropdown (e.g. “Shipped”), add internal notes, or trigger notifications—ensuring every order is tracked, processed, and closed in one unified interface.

<div class="text-base my-auto mx-auto py-5 [--thread-content-margin:--spacing(4)] @[37rem]:[--thread-content-margin:--spacing(6)] @[72rem]:[--thread-content-margin:--spacing(16)] px-(--thread-content-margin)"><div class="[--thread-content-max-width:32rem] @[34rem]:[--thread-content-max-width:40rem] @[64rem]:[--thread-content-max-width:48rem] mx-auto flex max-w-(--thread-content-max-width) flex-1 text-base gap-4 md:gap-5 lg:gap-6 group/turn-messages focus-visible:outline-hidden" tabindex="-1"><div class="group/conversation-turn relative flex w-full min-w-0 flex-col agent-turn"><div class="relative flex-col gap-1 md:gap-3"><div class="flex max-w-full flex-col grow"><div class="min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal [.text-message+&]:mt-5" data-message-author-role="assistant" data-message-id="3d6c1ddc-0c29-46c4-832d-bd71c35a384a" data-message-model-slug="o4-mini-high" dir="auto"><div class="flex w-full flex-col gap-1 empty:hidden first:pt-[3px]"><div class="markdown prose dark:prose-invert w-full break-words light">  
</div></div></div></div><div class="flex absolute start-0 end-0 flex justify-start">  
</div></div></div></div></div></article>