How to add an overlay to your stream

Adding an overlay to your stream is very easy! Let's go over how to do it.

To start you'll want to make sure you have created at least one overlay, if you are unsure how to do this you can go to the homepage of Pixel Chat once you're logged in and click the Take the Tour button. This will walk you through the basics, and help you create your first overlay.

Once you have created an overlay you will see some buttons on it like so:

Chat Overlay

The button you're looking for is the Copy Link button. Once you click this is will copy the overlays link to your clipboard.

The way you add it to your stream depends on the software you are using to stream, we're going to go over all the major ones so find the one that you are using.

Adding the overlay to OBS

To get started we need to add a new browser source. To do this click the plus button in the sources tab of OBS, and click Browser

Add Browser OBS

Once you do this, you can go ahead and name the source whatever you'd like. You will then be brought to a screen that looks like this:

Browser Properties OBS

The main thing to focus on here is the URL parameter.

Click into the URL parameter, delete what is there, then paste in the link that was copied from Pixel Chat earlier.

If you would like to change the width and height here you can. We also recommending leaving the Shutdown source when not visible and Refresh browser when source becomes active check boxes turned off.

Now you can click OK and the source will be added to your stream!

Adding the overlay to SLOBS

To get started we need to add a new browser source. To do this click the plus button in the sources tab of SLOBS, and click Browser then click Add Source in the lower right corner.

Add browser SLOBS

Once you do this, you can go ahead and name the source whatever you'd like. You will then be brought to a screen that looks like this:

Browser Properties SLOBS

The main thing to focus on here is the URL parameter.

Click into the URL parameter, delete what is there, then paste in the link that was copied from Pixel Chat earlier. SLOBS doesn't allow right clicking to paste, so with the URL box selected you can use the paste key bind ctrl-v to paste the link in.

If you would like to change the width and height here you can. We also recommending leaving the Shutdown source when not visible and Refresh browser when source becomes active check boxes turned off.

We recommend leaving the Shutdown source when not visible and Refresh browser when source becomes active check boxes turned off.

Now you can click OK and the source will be added to your stream!

Adding the overlay to XSplit Broadcaster

To get started we need to add a new browser source. To do this click the Add source button in the lower left of XSplit, and select webpage

add browser XSplit

Once you do this, you will see a popup box asking for the URL. Select the URL parameter, then use the key bind ctrl-v to paste in the URL that was copied from Pixel Chat earlier.

You can then click OK and the overlay will be added to your stream.
Was this article helpful?
Cancel
Thank you!