Alert Configuration

Alerts are configured through the Alert Box widget in your overlay and the Alert Settings page. This page covers all the visual and audio options available.

Alert Box Widget Settings

The Alert Box widget in your overlay controls how alerts are displayed. Configure these settings in the Overlay Editor:

Per-Event Settings

Each event type (follows, cheers, subs, gifted subs, raids) can be individually configured:

Setting	Description
Enabled	Whether this event type triggers alerts
Message	Alert text template (supports variables)
Show Message	Display the viewer's message (for cheers and subs)
TTS Delay	Seconds to wait before TTS starts
TTS Start After Audio	Wait for alert audio to finish before TTS

Global Alert Settings

Setting	Description
Use Alert Audio	Play audio clips from the trigger
Use Alert Image	Display images from the trigger
Audio Delay	Seconds to wait before playing audio
Disable TTS	Turn off TTS for all events

Animation Settings

Alerts support entrance and exit animations:

Animation Types

Type	Description
None	No animation — alert appears/disappears instantly
Fade	Smooth opacity transition
Roll	Rotational entrance/exit
Slide Up	Slides in from below
Slide Down	Slides in from above
Slide Left	Slides in from the right
Slide Right	Slides in from the left
Zoom	Scales up from small to full size
Bloom	Expands outward with a bloom effect

Animation Options

Setting	Type	Description
Duration	seconds	How long the animation plays
Delay	seconds	Wait time before the alert starts
Display Duration	seconds	How long the alert stays visible
Easing	select	Animation curve: linear, ease, ease-in, ease-out, ease-in-out

Both entrance and exit animations can be configured independently with different types, durations, and easing.

Text Styling

Alert text can be styled with:

Setting	Description
Font	Font family
Font Size	Size in pixels
Font Weight	Boldness
Color	Text color
Outline Color 1/2	Up to two text outline colors with adjustable size
Drop Shadow	Enable/disable text shadow

Tips

• Test animations in the Overlay Editor before going live
• Match entrance and exit — Use complementary animations (e.g., Slide Up in, Slide Down out)
• Keep durations reasonable — 0.3–0.5s for animations, 3–5s for display duration
• Use easing — ease-out looks natural for entrances, ease-in for exits

See Also

• Creating Triggers — Set up the triggers that fire these alerts
• Overlay Editor Widgets — Full widget reference