📌Pinned Messages Widget

The pinned message widget allows you to display the message that is currently pinned in your Kick chat on your stream.

The pinned message can also be displayed with our chat widget, but if you would like it displayed separately this widget allows for that.

Getting Started

For this process you will need a KickBot account. If you do not already have a KickBot account navigate to kickbot.app and sign up. For more information, follow this guide on getting started.

To start, navigate to the "Pinned Message" page under "Widgets" in the left-hand navigation.

Configuring Pinned Messages

By default the pinned message widget will reflect the style shown on Kick, but there are several configurable options:

  • Transition: The animation to be applied when the widget goes on/off screen.

  • Font: The font of the text.

  • Text color: The color of the text (not including the username color).

  • Font size: The size of the font.

  • Boldness: How bold the text is.

  • Background opacity: The transparency level of the background.

  • Background color: The color of the background.

  • Badges: Enable or disable badges being displayed.

Preview

Preview all of the above settings and presets in real-time to see how they are applied.

Setting up your browser source

1. Copying your Widget URL

Above the configuration and preview sections, you'll find a box labeled "Widget URL." This URL is your key to adding the chat to OBS or Streamlabs. Simply copy this URL.

2. Adding a browser source

Configuring this in OBS and Streamlabs is a straightforward process. We'll provide instructions for OBS, but if you're using Streamlabs, the steps are nearly identical. Once OBS or Streamlabs is open, you'll need to add a browser source.

3. Entering Your Widget URL

Inside the browser source settings, paste the widget URL you copied from KickBot into the "URL" field. There's typically no need to adjust any other browser source settings, but if necessary, you can modify the width and height values to resize the chat widget.

4. Testing it out

After you add the browser source you will see your new pinned messages appear!

If you update any of the widget settings while streaming you will need to reload the widget by refreshing the browser source.

Last updated