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

# Online Store

> Set up products, manage orders, and configure your online store

The online store lets customers browse your menu and place orders through petakopi.my. Orders are sent to you via WhatsApp.

<Info>The online store is currently a **web-only** feature. It is managed entirely from the website Manage panel.</Info>

## Setting up

Before enabling the online store, you need:

1. A **WhatsApp number** set in your shop information
2. At least one **active product**
3. The **Online Store** toggle enabled in Settings

From the **Settings** section in the Manage panel, enable the Online Store and configure your preferences.

## Products

### Creating products

From the **Products** section in the Manage panel:

<Steps>
  <Step title="Add a new product">
    Tap **New Product** and fill in the details:

    * **Product name** — e.g. "Iced Latte", "Croissant"
    * **Description** — Optional product description
    * **Price** — Price in MYR
    * **Photo** — Optional product image
  </Step>

  <Step title="Add options (optional)">
    Create option groups for customizations like size or flavor:

    * **Option group name** — e.g. "Size", "Milk Type"
    * **Required** — Whether the customer must select an option
    * **Allow multiple** — Whether the customer can select more than one
    * **Options** — Individual choices with optional price adjustments
  </Step>

  <Step title="Organize by category">
    Assign products to categories (e.g. "Hot Drinks", "Pastries") to keep your menu organized.
  </Step>
</Steps>

<Note>Screenshot will be added later</Note>

### Managing products

* **Toggle availability** — Temporarily hide sold-out items without deleting them
* **Reorder** — Set the display position of products and categories
* **Edit or delete** — Update details or remove products at any time

## Orders

When a customer places an order, it appears in the **Orders** section. Each order shows:

* Customer name and phone number
* Ordered items with quantities and selected options
* Order total
* Fulfillment type and payment method
* Any notes from the customer

### Order workflow

Orders follow this flow:

1. **Pending** — New order received
2. **Confirmed** — You've accepted the order
3. **Completed** — Order fulfilled

You can also **cancel** a pending order if needed.

<Note>Screenshot will be added later</Note>

## Store settings

From the **Settings** section, configure:

* **WhatsApp number** — Where order notifications are sent
* **Ordering hours** — Set offsets from your opening hours (e.g. start accepting orders 30 minutes after opening, stop 60 minutes before closing)
* **Bank payment details** — Bank name, account number, account holder, and payment QR code for bank transfer orders
* **Store notes** — Custom instructions shown to customers at checkout (e.g. "Bring your own cup for 10% off")