← All guides

Guide

Guide: How to Add Chat + Alerts Overlays to your Stream (Twitch, Kick, etc.)

Add your livestream chat and alerts for Twitch, Kick, and more to your stream with free Streamlabs browser sources in Streamable Remote OBS.

4 min readobsremote-obsoverlayschatalertsstreamlabstwitchkick

Hey there! Streamable enables the most popular streamers to IRL stream without issues. Features include Premium Cloud Streaming Servers, 100% Stream Drop Protection, Clips Players, Remote-Control OBS, Multiple Ingests, Collaborative Streaming, DDoS protection, and much more! If you're a streamer, let us help you out!

Add chat and alerts for free on Streamable

In this guide we'll go over how to add your livestream's chat and alerts to your stream.

This works for Twitch, Kick, and other supported platforms, and it is completely free for Streamable users.

Step 1:Start your streaming server on Streamable

From your Streamable dashboard, click Quick Launch to boot up your streaming server.

Wait for the server to finish starting before moving on to the control panel.

Streamable dashboard showing the Quick Launch section and button used to start the streaming server.
Start your server from the Streamable dashboard with Quick Launch.

Step 2:Turn on your stream from your ingest and switch to your ingest's scene

Start sending video from whichever ingest you use, such as OBS, IRL Pro, Moblin, LiveU, or another supported source.

Make sure Streamable is already receiving your feed so you can immediately test the overlays inside your live scene.

Step 3:Open Streamable Remote OBS from the Control Panel

In Streamable, navigate to your Control Panel and click Open Remote OBS.

This opens the OBS interface where you can edit scenes and add browser-based overlays directly from the browser.

Streamable Control Panel showing buttons for Start Stream, Open Remote OBS, and Stream Drop Protection Enabled.
Open Remote OBS from the Streamable Control Panel to edit your stream scene.

Step 4:Add a new Browser Source in your scene

In Streamable Remote OBS, open the scene where you want chat and alerts to appear.

In the Sources panel, click the plus button and choose Browser Source.

Streamable Remote OBS Sources panel with the add-source plus button highlighted.
Use the plus button in Sources to create a Browser Source.

Step 5:Create a Streamlabs account and open Chat Box

In another window, create a Streamlabs account at https://streamlabs.com/signup if you do not already have one.

After signing in, open Chat Box from the left sidebar.

Streamlabs supports chat widgets for multiple platforms, including Twitch and Kick.

Streamlabs Chat Box settings page showing the widget URL copy field and platform options including Twitch and Kick.
Open Streamlabs Chat Box and click the widget URL field to copy it.

Step 6:Add your chat overlay

In Streamlabs, click to copy the Chat Box widget URL.

Go back to Streamable Remote OBS, paste that URL into the Browser Source URL field, and click OK.

Resize and position the Browser Source wherever you want chat to appear on stream.

Browser Source settings dialog with a Streamlabs Chat Box widget URL pasted into the URL field.
Paste the copied Streamlabs widget URL into the Browser Source and confirm.

Step 7:Add your alert overlay

In Streamlabs, open Alert Box from the left sidebar and click to copy the Alert Box widget URL.

In Streamable Remote OBS, add another Browser Source, paste the Alert Box URL, and click OK.

Position the alert source where you want follows, subs, donations, raids, or other alerts to pop up on stream.

Note: Keep your Browser Sources above your ingest layers so alerts will be visible.

Step 8:You're all set! Happy streaming!

Your stream now has browser-based chat and alerts overlays running in Streamable Remote OBS.

Send a test chat message and a test alert before going fully live, then happy streaming!

Finished stream scene in Remote OBS showing chat messages visible over the stream layout.
Final result: chat is live on top of your stream scene in Streamable Remote OBS.

Are you an IRL streamer? Give Streamable a try!

Let Streamable help you never IRL stream with issues again! Here's how we can help:

  • Premium Cloud Streaming Servers
  • 100% Stream Drop Protection with Clips Player
  • Multiple Ingests, Switch scenes without pausing stream
  • Collaborative Streaming / Share Ingests with Friend Requests
  • Remote Control OBS
  • DDoS protection
  • much, much more!

Follow us on Social Media

Follow along for updates and tips:

Optional: Deep-Dive FAQ

Open only if you still need extra troubleshooting context.

Is this free for Streamable users?

Yes. This browser-source overlay setup is completely free for Streamable users.

Can I use this for Twitch and Kick?

Yes. This guide is intended for Twitch, Kick, and other platforms supported by the widget provider you use.

Do I need local desktop OBS for this?

No. You can do the full setup directly inside Streamable Remote OBS from your browser.

What if the Browser Source stays blank?

Re-copy the widget URL from Streamlabs, confirm you pasted the full URL into the Browser Source field, and make sure the source is added to the correct scene.

Related Guides

Guide: How to Add Chat + Alerts Overlays to your Stream (Twitch, Kick, etc.)