> For the complete documentation index, see [llms.txt](https://docs.wishi.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wishi.me/the-formal-stuff/web-sdk/setup.md).

# Setup

## Adding scripts to your index.html

In order to create use the widget, you will have to add 2 files into your `index.html` file using `script` and `link` tags.

Start with the `CSS` part

```html
<link href="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/compiled.css"
    rel="stylesheet"
    media="print"
    onload="this.media='all'"
    type="text/css"
>
```

Versioning support

```html
// Use a specific version
<link href="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/compiled.1.1.4.css" />
// Use the most updated stable version
<link href="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/compiled.stable.css" />
```

and now, the `JS` part

{% code title="index.html" %}

```html
<script src="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/web-chat-widget.stable.js"
    wishi-key="your-key"
    wishi-plugin-env="production">
</script>
```

{% endcode %}

Versioning support

```html
// Use a specific version
<script src="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/web-chat-widget.1.1.4.js"/>
// Use the most updated version
<script src="https://d2qcyaj4szdxsa.cloudfront.net/<your-key>/web-chat-widget.stable.js" />
```
