# Store Staff Facing UI Overview

The **Store OS store staff interface** provides a unified platform for store staff to manage end-to-end sales &  operations. It enables staff to quickly add products to the cart through scanning or search, manage customer profiles, apply coupons, process both online and offline payments, and manage inventory. This interface simplifies checkout, enhances customer service, and ensures smooth order fulfillment within the store environment.
This guide walks you through how store staff can create in-store orders using the **Store OS interface** — from adding products to completing checkout.

## How to Use the Store OS Staff Facing Interface

1. On the **StoreOS** **Dashboard**, click **Scan Product** or **Search Product** to begin adding items to the cart.


Use the search bar at the top to quickly find products by name, SKU, or barcode.

![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS1.png)

center
em
Figure 1: Store OS Dashboard
br
1. You can search for products under **My Store** or **All Stores**.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS2.png)

center
em
Figure 2: Search Product
br
1. Select the preferred **Size** and **Quantity**.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS3.png)

center
em
Figure 3: Select Size
br
1. Choose a **Shipping Option**:
  1. **Home Delivery** – Product shipped to customer’s address.
  2. **Self Pickup** – Customer collects item from the store.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS4.png)

center
em
Figure 4: Choose Shipping Option
br
1. Add Customer Details
  1. Search for existing customers using their **Mobile Number**. If not found, add a new customer by entering the mandatory details.
  2. Click **Add Customer**.
  3. For existing customers, you can click **Manage Addresses** to view or update their details.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS5.png)

center
em
Figure 5: Add Customer Details
br
1. Click **Add Coupon** and enter the coupon code or select from the list.
2. Click **Check** to validate and apply discounts.
3. Enter a valid **15-digit GSTIN** number to link tax information to the order.
4. **Add Sales Employee** by searching the employee name.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS6.png)

center
em
Figure 6: Add Sales Employee
br
1. You can also attach special instructions such as packaging or delivery requests to the respective order.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS8.png)

center
em
Figure 7: Add special note
br
1. The **Amount Due** screen shows a detailed price summary.
2. Choose your preferred **Payment Method**:
3. **Payment Link Page** (Online Payment)
4. **Card Swipe**
5. **UPI at Store**
6. **Cash**


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS9-Tk_6iEIHT.png)

center
em
Figure 8: Select Payment Method
br
1. Once payment is successful, the **Sale Completed** screen confirms the amount paid, order ID and order summary.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS10-yk1rn_-xH.png)

center
em
Figure 9: Order Confirmation Page
br
1. Click **Receipt** to generate the invoice and click **Print** to share a copy with the customer. —available only if a printer is connected.


![QG1](https://cdn.pixelbin.io/v2/doc/original/moonlight/StoreOS/SS11.png)

center
em
Figure 10: Receipt
br