Skip to main content

Create Your First SalesStore

Learn how to create your first SalesStore in Hoops. Build a branded online storefront where customers can browse products, add items to cart, and place orders, while you manage products, branding, and the shopping experience.

SalesStores are a beautifully visual way to create online merchandise stores for your customers, teams, clubs, businesses, brands, and events.

Unlike a traditional quote or SalesDoc, a SalesStore is designed to provide an ongoing shopping experience where customers can browse products, add items to cart, and complete their own ordering workflow.

One of the biggest advantages of SalesStores is that the customer experience closely matches what you see while building the store. This makes SalesStores very intuitive to create and easy to learn, because you are effectively designing the same experience your customer will receive.

Using this feature requires the SalesStores add-on. Please contact us if you would like access to SalesStores.



When Should You Use a SalesStore?

SalesStores are ideal when you want to create a reusable or ongoing online storefront experience.

Common use cases include:

  • Company merchandise programs

  • School or team apparel stores

  • Club merchandise stores

  • Event merchandise stores

  • Staff uniform ordering

  • Brand stores

  • Internal company ordering portals

  • Fundraising stores

SalesStores are designed to remain active and continue accepting orders over time.

⚠️ Important

SalesStores behave differently from SalesPresentations.

When a customer completes the Add to Cart workflow in a SalesStore:

  • A new SalesDoc is created

  • The SalesStore remains active

  • Additional customers can continue placing orders through the same SalesStore

SalesStores also support custom domains such as:

store.yourdomain.com

For a detailed comparison between SalesStores and SalesPresentations, see:


Creating a SalesStore

From your SalesBoard, click Add New > SalesStore


Understanding the SalesStore Interface

When you create your first SalesStore, your company logo will appear at the top of the document. From there, you can begin adding products and organizing your storefront.

The layout is designed to be simple and visual, with live updates occurring as you make changes.

Snapshot

Add Products

You can add products individually using the Add Product button, or use the Add from SAGE feature if your Hoops account is connected to SAGE.

Snapshot

When you click ⊕ to add a new product to the SalesStore, you will be taken to the Product Detail screen.

This is where you will:

Snapshot

Navigating Back to All Products

When in the Product Detail view, use the back navigation controls to return to the main product grid.

Snapshot



Entering the Toolboxes

The interface changes dynamically depending on what section you are editing. Clicking within different sections of the SalesStore opens context-specific toolboxes and editing options.


Edit Header and Store Details

Click the header area to:

Snapshot

This area controls the overall storefront experience your customer will see.


Live Editing Experience

One of the most powerful parts of SalesStores is the live editing experience.

Any changes you make within the toolboxes instantly update the preview area, allowing you to build polished storefront experiences without needing to switch between edit and preview modes.

This makes it easy to experiment with layouts, branding, product organization, and customer experiences while seeing exactly what your customers will receive.


Next Steps

Did this answer your question?