> For the complete documentation index, see [llms.txt](https://docs.cleandesk.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cleandesk.ai/client-integrations/web-widget/sample-codes.md).

# Sample Codes

This gives sample codes that can used to understand how the CleanDesk Ai's web widgets can be enabled to provide both sales and customer support assistants in your web environment.

## In HTML

In a typical HTML environment, the following code could be used to learn how to enable conversational AI-based sales and customer support assistants.

```html
<!DOCTYPE html>
<html>
<head>
<!-- Your existing code goes here -->


<!-- CleanDesk AI CDN Access -->
<script defer src="https://cdn.cleandesk.co.in/public/build/clean_ai_bot.js"></script>
</head>
<body>

<!-- Your web page content goes here -->

<!-- CleanDesk AI Chat Widget -->
<cleandesk-chat-widget app_id="YOUR_APP_ID" app_secret="YOUR_APP_SECRET" access_by_id="CUSTOMER_ID"></cleandesk-chat-widget>

<!-- Logout script -->
<script defer src="https://cdn.cleandesk.co.in/js/widget_logout.js"></script>
</body>
</html>
```
