> ## Documentation Index
> Fetch the complete documentation index at: https://help.hoopai.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Stores

> Launch an e-commerce store powered by your Hoop platform product catalog.

The Stores feature lets you create a branded online store where customers can browse products, add items to a cart, and complete purchases — all connected to your Hoop platform product catalog, payment integrations, and order management.

<Frame caption="Stores list in Sites">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/WAml1mOrQ-Qs9CGD/images/sites-stores-overview-1.png?fit=max&auto=format&n=WAml1mOrQ-Qs9CGD&q=85&s=cb3650b2a4dccf23a6d7a35623754acc" alt="Stores overview" width="1153" height="462" data-path="images/sites-stores-overview-1.png" />
</Frame>

## Three ways to create a store

<AccordionGroup>
  <Accordion title="From the Stores tab (standalone store)">
    Navigate to **Sites > Stores** and click **+ New Store**. Choose from a blank canvas or a prebuilt store template, then click **Create**. This creates a fully standalone e-commerce store.
  </Accordion>

  <Accordion title="Add a store element to a website">
    Inside the website builder, click the **+** icon to open **Add Elements**, then find and click **Store > + Add to site**. This automatically generates the essential store pages (Product List, Product Details, Cart, Checkout, Thank You) while maintaining your website's existing style.
  </Accordion>

  <Accordion title="Add a product list element to a page">
    Drag a **Product List** element onto any page and click **Manage Products**. This routes you to **Payments > Products** to connect your catalog to that specific page without generating a full store.
  </Accordion>
</AccordionGroup>

***

## Setting up a store from scratch

<Steps>
  <Step title="Navigate to Sites > Stores">
    Click **Sites** in the left sidebar, then select **Stores**. Click **+ New Store**.
  </Step>

  <Step title="Choose a template or start blank">
    Select a prebuilt store template or start from blank. Click **Create**. The builder generates the required store pages automatically.
  </Step>

  <Step title="Add and manage products">
    Click the **Product List** element, then **Manage Products**. This opens **Payments > Products**. For each product, toggle **Include in online store** to add it to your storefront. Fill in the description, pricing, and any variants, then click **Save**.
  </Step>

  <Step title="Customize store pages">
    Navigate through each auto-generated page — Product List, Product Details, Cart, Checkout, and Thank You — and customize the layout, colors, and content in the builder.
  </Step>

  <Step title="Connect a payment integration">
    Ensure a payment method is connected under **Settings > Payment Integrations** (e.g. Stripe). The store checkout uses this to process live transactions.
  </Step>

  <Step title="Connect a domain and publish">
    Assign a custom domain in the store's **Settings** tab and click **Publish** when the store is ready to go live.
  </Step>
</Steps>

<Frame caption="Setting up an e-commerce store — from template selection through product connection and publish">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/WAml1mOrQ-Qs9CGD/images/sites-stores-setup-animated-1.gif?s=945d598dbd4940b6c8b9e69c0aaefec7" alt="Store setup" width="1920" height="736" data-path="images/sites-stores-setup-animated-1.gif" />
</Frame>

<Frame caption="Store pages — auto-generated Product List, Product Details, Cart, Checkout, and Thank You pages">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/WAml1mOrQ-Qs9CGD/images/sites-stores-pages-1.gif?s=9fe83fb1192fd8395e0968f4f0cdf023" alt="Store pages" width="1460" height="880" data-path="images/sites-stores-pages-1.gif" />
</Frame>

***

## Store pages

A complete store includes these auto-generated pages:

| Page                | Purpose                                                          |
| ------------------- | ---------------------------------------------------------------- |
| **Product List**    | Grid or list of all published products                           |
| **Product Details** | Individual product page with description, images, and buy button |
| **Cart**            | Review selected items before checkout                            |
| **Checkout**        | Collect shipping and payment information                         |
| **Thank You**       | Order confirmation shown after a successful purchase             |

***

## Product catalog

Products in the Hoop platform support:

* **One-time purchases** — standard product price
* **Recurring subscriptions** — weekly, monthly, or annual billing cycles
* **Payment plans** — split a purchase into installments
* **Digital and physical products** — physical products can include shipping fees
* **Product variants** — size, color, or other options

***

## Order management

When a customer completes a purchase:

1. An **Order** is created in **Payments > Orders**.
2. The customer's contact record is created or updated automatically.
3. Configured automation triggers fire (e.g. send confirmation email, add tag, start fulfillment workflow).

<Frame caption="Store tabs — Pages, Products, Sales, Stats, Settings, and Security inside each store">
  <img src="https://mintcdn.com/hoopai-84ec0cdc/WAml1mOrQ-Qs9CGD/images/sites-funnels-stats-1.png?fit=max&auto=format&n=WAml1mOrQ-Qs9CGD&q=85&s=bbccf05b94afec117098072205221606" alt="Store management tabs" width="1158" height="190" data-path="images/sites-funnels-stats-1.png" />
</Frame>

***

## Store tabs

Inside each store you will find:

| Tab          | Description                                      |
| ------------ | ------------------------------------------------ |
| **Pages**    | All store pages; add, edit, clone, or delete     |
| **Products** | View and manage products assigned to the store   |
| **Sales**    | Transaction-level sales data with export         |
| **Stats**    | Page views, opt-ins, orders, and revenue by step |
| **Settings** | Domain, tracking codes, payment mode, and SEO    |
| **Security** | Fraud protection and security settings           |
| **Events**   | Store event tracking configuration               |

<Note>
  Stores share the same page builder as funnels and websites. All builder elements — custom CSS, tracking codes, brand boards, and saved sections — are available on store pages.
</Note>

<Tip>
  Toggle **Include in online store** on each product in Payments to automatically enable its **Search Engine Listing** fields, helping your products appear in search engine results.
</Tip>