# SDK
{% hint style="info" %}
You can find full examples of how to use the WebChat SDK in the dedicated [Webchat SDK site](https://webchat-sdk.opendialog.dev/).
{% endhint %}
## Getting started with the WebChat SDK
The WebChat SDK can be used in any website or browser-based application and requires a basic understanding of Javascript to set up and use. These docs assume you are familiar with Javascript and, ideally, a little Typescript.
### Adding WebChat SDK to your website
To add the SDK code to your site, insert the following code into your application:
{% code title="index.html" %}
```html
```
{% endcode %}
### Initialise your WebChat widget
```typescript
// Provide some settings for your WebChat widget.
// You can find the basic settings required in the Publish section of the OpenDialog platform
const settings = {
url: 'your_bot_url',
appKey: 'your_app_key',
sdkEnabled: true, // Make sure to include this one!
language: 'en',
user: {
custom: {
selected_scenario: your_scenario_id
}
},
customSettings: {
openCta: {
title: 'Hello!👋 Click me!',
borderRadius: '50px',
width: '280px',
height: '80px',
background: '#001abf'
}
}
}
// Instantiate your WebChat widget, passing in the element you want to load it into
const webchat = new ODWebChat.OpenDialogChatSDK('#od-webchat')
// Initialise your WebChat widget, passing in your settings
webchat.init(settings)
```
You can find more info about the settings required to launch a WebChat instance [here](/opendialog-platform/launching-your-application.md)
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.opendialog.ai/developing-with-opendialog/webchat/sdk.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.