Log in to the Sound Alerts Dashboard and then navigate to Scenes.
Select a scene you already have or create a completely new one.
We are creating a completely new one for this example, so we press the Add new Scene button.

FloatingChat1.webp
Once in the Scene Editor, we select Add Widget + at the top left 
Under the LIVE category, we find the Floating Chat Box in the middle right. To add this, we click on +Add

FloatingChat2.webp

On the left side, you now have all the possible settings you can make, at the bottom you can click Emulate Chat Message to preview how it will look.
You will also find the Custom CSS option. We have another article for you if you need more info about Custom CSS for Chat Box. Try out the settings until you are satisfied.

If you have any questions, please get in touch with us and visit our Sound Alerts Discord Server.

This is not the right solution? We are happy to help you!

Contact us
More articles
Elements Widgets Showcase
Elements Widgets Showcase

This article will show you how to use the Elements Widgets in the Sound Alerts Scene Editor.

Posted by Mr. Leeroy
0
How to customize your own Font in the Sound Alerts Scene Editor
How to customize your own Font in the Sound Alerts Scene Editor

This article will show you how to edit the font for your widgets in the Sound Alerts Scene Editor. Moreover, we will show you how you can select one of your font files by adapting the CSS of the browser source.

Posted by Mr. Leeroy
0
Alert Animation Editor
Alert Animation Editor

With the Alert Animation Editor, you can assemble an alert animation focused on your stream's requirements in a simple yet powerful web editor in the Sound Alerts Dashboard.

Posted by Mr.Bubi
1