Introducing nutty’s q&a widget!

This widget adds a Q&A button to your Twitch chat that pops up your viewers questions on screen, so every can see the message you are responding to!

<aside> 💵 **This widget is only available to Tier 2 Patrons!

Join nutty’s Patreon today: https://www.patreon.com/nuttylmao**

</aside>

What You Will Need

How To Install

  1. Download and extract the q&a-widget.zip package

    image.png

  2. Install the Streamer.bot action

    1. Open Streamer.bot

    2. Click Import

      image.png

    3. Drag q&a-widget.nut into the Import String box

    4. Click Import

      image.png

  3. Create quick action button

    1. In Streamer.bot, click Chat

      image.png

    2. Click the Settings cog

      image.png

    3. Add a User Quick Action

      image.png

    4. Select [NUT] Q&A Widget | Highlight Message from the **Actions ****drop down menu

      image.png

    5. Optional: Set up a custom icon

      1. Visit **https://icones.js.org/collection/all**

        image.png

      2. Find an icon you want and copy the icon code

        image.png

      3. Paste the icon code in the Icon box

        image.png

    6. Add a Global Quick Action

      image.png

    7. Select [NUT] Q&A Widget | Toggle Visibility from the **Actions ****drop down menu

      image.png

    8. Optional: Set up a custom icon Step 3(e)

      image.png

  4. Turn on the Streamer.bot Websocket Server

    image.png

  5. Import widget into OBS Studio

    1. Drag index.html inside the Q&A Widget folder into OBS Studio. It should automatically create a new browser source.

      image.png

  6. Start answering questions!

    1. You can now hover over any message in chat. Just click the quick action button and it should pop up on screen.

      image.png

      image.png

    2. To hide the widget, click the global quick action button

      image.png

Dark Mode

To use dark mode, right click the browser source and edit the URL as follows.