> For the complete documentation index, see [llms.txt](https://docs.xeenon.xyz/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.xeenon.xyz/streaming/studio-set-up/xeenon-chat-widget.md).

# Xeenon Chat Widget

{% hint style="info" %}
**Currently we offer creators a chat widget that can be used as a Browser source in your streaming studio, or in it's own browser tab to stay updated with your chat. To accomplish this, follow the steps below.**&#x20;

We have plans to expand on this in the near future to provide more relevant data to add to your stream as overlays.
{% endhint %}

First, head to your [streaming dashboard](https://xeenon.xyz/dashboard), (make sure you are signed in to your account).&#x20;

* In the "Chat" section of the dashboard, click the 3 dots in the top right corner.&#x20;
* Copy your chat URL

  <figure><img src="/files/pdToxZRPNGxaq3KRlklW" alt=""><figcaption></figcaption></figure>
* Open up your streaming studio (in this example I am using OBS)
* In the **Sources** section inside of OBS, add a **Browser** source and paste in the chat URL&#x20;

<figure><img src="/files/jsCtuSFWeomnHj2gWEI0" alt=""><figcaption></figcaption></figure>

* You should see a transparent element on your screen, this will fill with chat messages as they arrive!

{% hint style="info" %}
**Enable sound notifications for messages, tips, follows, and subscriptions inside of your streaming studio (OBS is pictured but it will work for Streamlabs as well)**
{% endhint %}

<figure><img src="/files/VVmauAnAqa9gvEf6fPcJ" alt=""><figcaption></figcaption></figure>

* Enable "Control Audio" in the browser source properties
* Make sure that "monitor" is selected for the browser source in the advanced audio properties if you want to hear the output from OBS
* Use "monitor and output" if you also want your viewers to hear the alerts
