---
title: "How to Configure Path"
slug: "how-to-config-path"
updated: 2022-05-20T03:37:25Z
published: 2022-05-20T03:37:25Z
canonical: "developer.comm100.com/how-to-config-path"
---

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

# How to Configure Path

## Path

Path is a very important concept in Control Panel API. Path refers to a relative path representing the pages provided under different modules. The format of Control Panel path is `http(s)://{domain}/ui/{siteId}{path}{query}`. For example, if the URL of the live chat Dashboard page is `https://dash11.comm100.io/ui/10100000/livechat/dashboard/`. The `path` of this page is `/livechat/dashboard/`.

> ***NOTE***: The path must start and end with a backslash bar.

## Components of Path

The format is `/{module}/{position}/`

## module

Control Panel provides the following modules.

| Module Name | Description |
| --- | --- |
| livechat | Live chat module |
| ticketing | Ticketing & Messaging module |
| kb | Knowledge Base module |
| global | Global module |
| reporting | Reporting module |

## Example

Add a custom page as the submenu of Campaign in the Live Chat Module, then its path looks like: `/livechat/campaign/customPage/`. The following shows the manifest configuration for this example.

```
{
  "manifestVersion": "2.0",
  "controlPanel": {
    "pages": [
      {
        "id": "0593aae4-bc24-4420-8bf4-6e4ffa63bd1a",
        "path": "/liveChat/campaign/customPage/",
        "url": "./index.html",
        "label": "Custom Menu"
      }
    ]
  },
}
```

![manifest-example(1)](https://cdn.document360.io/c74d881b-a484-4687-85e4-c23c20d25ce2/Images/Documentation/manifest-example%281%29.png)