> For the complete documentation index, see [llms.txt](https://kinochat.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://kinochat.gitbook.io/help-center/quick-start/install-chat-widget-on-your-website.md).

# Install Chat Widget on Your Website

{% hint style="info" %}
Installing KinoChat window is simple and only takes a few minutes. Once installed, you’ll be able to talk to your customers right away.
{% endhint %}

## **Install chat widget using a JavaScript code snippet**

Once you’ve created an account, follow these steps to add the widget: If not, contact your super admin to follow [this article](/help-center/quick-start/admin-guide-getting-started.md) to finish setting up.

{% columns %}
{% column %}

### **Follow these steps to install chat widget** 

1. Log in to your **KinoChat** account and go to **Settings > Chat widget**
2. Then, choose the Popup chat window or Full-page chat window mode as you want.
3. Click on Copy code.
4. Paste the code to your website’s source code before the `</body>` tag.
5. Once you’ve successfully added the KinoChat code to your website, refresh the page. You should see a widget in the bottom right corner.
   {% endcolumn %}

{% column %}
{% code title="Examples: " overflow="wrap" expandable="true" %}

```javascript
<script>
"use strict";
!(function (n) {
  var w = window, t = (w[n] = w[n] || function () { t.c(arguments); });
  if (t.invoked)
    return void (w.console && console.error(n + " snippet included twice."));
  t.q = [];
  t.invoked = !0;
  t.c = function (e) { t.q.push(e); };
  (function () {
    var s = document.createElement("script");
    s.async = !0;
    s.crossOrigin = "anonymous";
    s.src = "YOUR-WORKSPACE-URL";
    var t = document.getElementsByTagName("script")[0];
    t.parentNode.insertBefore(s, t);
  })();
})("CustomerSupportWidget");

CustomerSupportWidget("boot", {
  workspaceId: "YOUR-WORKSPACE-ID",
  mode: "popup",
});
</script>
```

{% endcode %}
{% endcolumn %}
{% endcolumns %}

## Get an external chat link

Log in to your **KinoChat** account and go to **Settings > Chat widget**

**and copy the Direct Chat Link**