HomeGeneral
stars
Floating Chat Widget Guide

Floating Chat Widget Guide

Mike
Mike
2
planet-1planet-2

Floating Chat Widget Guide

Use the Floating Chat Widget to display live chat messages directly in your stream scene — a handy way to keep conversation visible to both you and your viewers, without switching windows.

How to Add the Floating Chat Widget

  1. In your Sound Alerts dashboard, go to Scenes.

  2. Choose an existing scene or click Add new Scene to start fresh.

  3. Inside the Scene Editor, click Add Widget + at the top-left.

  4. Under the LIVE category, find Floating Chat Box and click + Add.

  5. The widget is added to your scene. On the left panel you'll now see:

    • Customisable settings (position, size, font, colour, etc)

    • A button to Emulate Chat Message so you can preview how it looks to viewers

    • Option for Custom CSS if you want advanced styling

  6. Adjust the settings to suit your stream layout. Once you're happy, save the scene and launch it. The widget will now display live chat messages during your broadcast.

image.png

🛠️ Tips & Best Practices

  • Positioning: Place the widget where it won’t obscure gameplay, webcam, or other alerts.

  • Font and colour contrast: Ensure chat text remains readable on any background.

  • Emulate regularly: Preview messages to fine-tune your chat display before going live.

  • Custom CSS: Advanced users can apply custom animations and effects.

  • Performance check: If you notice stuttering or high CPU usage, simplify widget styling.

FAQ

You can adjust fonts, colors, spacing, and more in the widget settings. Advanced styling can also be applied using Custom CSS.

 

Yes — moderation settings on your connected platform (e.g., Twitch) will still apply, and filtered messages won’t show in the widget.

 

Ensure that:

  • The widget is added to your active live scene

  • Your streaming platform is properly connected

  • There’s an active chat message (try using Emulate Chat Message)

Yes — drag to reposition and adjust size directly in the scene editor to fit your layout.

 

The widget will display chat from the platform currently connected to Sound Alerts in your dashboard.

 

Yes — once saved, your widget position and styling will remain for all future broadcasts using that scene.