> For the complete documentation index, see [llms.txt](https://docs.mediainfokreasindo.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.mediainfokreasindo.com/basic-usage.md).

# Basic Usage

**Basic usage with ESM** 

```javascript
import { ClientSDK } from '@csm-sdk/client';
const csm = new ClientSDK({
  clientKey: "YOUR_CLIENT_KEY"
})
csm.buildChat({
  user: null,
  config: {
    type: "floating",
  }
})
```

**Basic usage with CDN** 

```html
<script src="https://client.mediainfokreasindo.com/csm.client.min.js" ></script>
<script>
    let csm = new CSM.ClientSDK({
        clientKey: "YOUR_CLIENT_KEY"
    }); 
    csm.buildChat({
        user: null,
        config: {
            type: "floating"
        }
    }); 
</script>
```