Skip to main content

Interactions

From the Interactions menu you can add two really cool Widgets to your stream overlay: Chat and Emoji Rain.

Both can be added on to your overlays as Browser Sources/Layers.

Widgets​

Chat Widget​

This guide is for adding your Stream Chat as an Overlay

This page will guide you through adding Chat to your stream as an overlay for your viewers to see.

If you would like to add a Dock to OBS you can follow our Docks guide.

The Chat Widget can be placed on your stream as a Browser Source and will display any messages sent through the connected platforms chat.

If you stream to multiple platforms, you can combine your on-screen chat with those platforms in to one unified chat.

Message Style​

  • Margin (px) - Adjusts the Margin
  • User Badges - Can toggle users Badges to appear before or after their username or not at all.
  • Show User Platform Icon - Displays the platform icon the user is chatting from.
  • Display Name Color - If the platform supports custom name colors will display whatever the viewer has set
  • Make Messages Disappear?
  • Disappear after (Seconds) - If toggled the amount of seconds messages stay on-screen can be set.
  • Message Style - Bottom- Up, Top-Down or Sideways
  • Message Animation - Messages can Slide In.

Events​

The Following events can be displayed in the on-screen chat. All can be toggled on and off.

  • Show Chat Messages
  • Show Channel Point Redemptions
  • Show Donation Events & Messages
  • Show Follow Events
  • Show Subscription Events
  • Show Raid Events

Platform​

You can select which platform you want to be included in the Widget.

Styling​

From the main Widget window you can set all of the styling customization options such as text font, color and style.

  • Duration (in seconds) - can be changed to however long you want the alert to be displayed.
  • Font - These can be set in Caffeinated from any Font you have saved on your computer. (see Fonts for more)
  • Font Size - Use the slider to change the size of your font.
  • Font Weight - Changes how bold your font is.
  • Letter Spacing - Can change how spaced out your lettering is.
  • Text Align - Set where you want your alert text to align to.
  • Text Color - Changes the colour of your alert text. (Can be set by RGB, Slider or Hex)
  • Highlight Color - Changes the color of the username of the Follower. (Can be set by RGB, Slider or Hex)
  • Text Vertical Offset - Changes the Vertical offset of your alert text.
  • Text Horizontal Offset - Changes the Horizontal offset of the text.
  • Shadow - Adds a drop shadow to your text
  • Outline Size - Adds an outline to your text.