https://www.youtube.com/watch?v=_9lQxnn1WYA

<aside>

Introducing nutty’s Horizontal Chat widget

A super compact way to display chat on screen.

</aside>

<aside> <img src="attachment:ceeaaba0-f478-49fd-8342-944313184c66:logo.png" alt="attachment:ceeaaba0-f478-49fd-8342-944313184c66:logo.png" width="40px" />

This widget requires Streamer.bot.

Please refer to this video to get started.

Streamer.bot 101 - The Ultimate Beginner’s Guide

</aside>

<aside> <img src="attachment:515b1e8c-5872-45db-9b84-b87713360568:tiktok.png" alt="attachment:515b1e8c-5872-45db-9b84-b87713360568:tiktok.png" width="40px" />

(Optional) TikFinity is required for TikTok support.

Please refer to this guide to get started

TikFinity Beginner’s Guide

The AI workspace that works for you. | Notion

</aside>

How To Install

  1. In Streamer.bot, enable WebSocket Server

    image.png

  2. Customize your Horizontal Chat https://widgets.nutty.gg/horizontal-chat/settings/

    image.png

    <aside> <img src="attachment:49de2213-0508-47c2-83ed-bb5cab8969cb:kick.png" alt="attachment:49de2213-0508-47c2-83ed-bb5cab8969cb:kick.png" width="40px" />

    Kick Support

    To enable Kick support, make sure to enter in your Kick username in the settings.

    image.png

    </aside>

  3. Add a new browser source in OBS Studio

    1. Right click and Add > Browser

      image.png

    2. Paste in the URL you copied literally two steps ago. If you don’t know what I’m talking about, please see a psychiatrist as you may have ADHD.

      image.png

<aside> ✅

Congratulations! You have now successfully installed nutty’s Horizontal Chat widget!

hc.png

</aside>

<aside> <img src="attachment:a40e8975-69ef-4a7d-a7ee-c86f6195c3eb:discord-square-color-icon.webp" alt="attachment:a40e8975-69ef-4a7d-a7ee-c86f6195c3eb:discord-square-color-icon.webp" width="40px" />

Need help? Join the Discord!

For support related questions, please use the #🔧-stream-support channel in the Discord.

</aside>