Overlay widgets: basics
Eranio Published on: 14. October 2026
Overlay Widgets: Basics
This guide explains the design options that work the same way on (almost) every widget in the Overlay Designer, and describes the basic widgets themselves (Text, Media, Website, Color area). Menu: Overlay → Designer (Beta) → Add widget → Basics.
Shared design options
These fields are available in the properties panel for almost every widget (the "Design" section):
| Field | Meaning | Limits |
|---|---|---|
| Opacity | Opacity of the whole widget | 0 to 100% |
| Background color + background opacity | Colored area behind the widget | opacity 0 to 100% |
| Corner radius | Rounding of the corners | up to 500px |
| Padding | Space between the edge and the content | up to 200px |
| Text outline width + color | Outline around text | up to 20px |
| Italic | Slanted text | - |
| Drop shadow | Shadow effect | - |
| Scale | Size of the whole widget | 10 to 400% |
Without your own settings, a widget looks exactly as before, the design options are purely additive.
Text
Shows a static text or several text templates an automation can switch between.
| Field | Default | Meaning |
|---|---|---|
| Content | Text |
The displayed text |
| Font | Inter | - |
| Font size | 32 | - |
| Font color | #ffffff |
- |
| Font weight | 700 | - |
| Text shadow | off | - |
| Text outline color | none | - |
| Gradient | none | - |
| Entry animation | none | Plays once when the overlay page loads |
| Templates | empty | Several text lines an automation can switch between |
| Active template | 0 | Index of the currently active template line |
Media
Permanently shows an image or video from your media library.
| Field | Default | Meaning |
|---|---|---|
| Media | none | File chosen from the media library |
| Loop | on | Video restarts after it ends |
| Muted | on | Video without sound |
| Volume | 0.6 (60%) | Only relevant when not muted |
Text with templates (new)
The newer variant of "Text", uses prepared text presets with entry/exit effects instead of a single fixed line. Default: no preset active.
Media player (new)
The newer variant of "Media": can manage several media presets and play them in parallel or one after another.
| Field | Default | Meaning |
|---|---|---|
| Playback mode | parallel | parallel or one after another |
| Queue length | 5 | Maximum number of simultaneously queued media items |
Image/Video (new)
The newer variant for displaying a single image or video from the standard or your own library.
| Field | Default | Meaning |
|---|---|---|
| Fit | contain | contain, cover or fill |
| Loop | on | - |
| Play sound | off | - |
Color area (new)
A simple colored area, for example to darken parts of the overlay.
| Field | Default | Meaning |
|---|---|---|
| Opacity | 50% | Set via the "Opacity" design option |
Website
Embeds an external website into your overlay.
| Field | Default | Meaning | Limits |
|---|---|---|---|
| URL | empty | The website to embed, only http:// or https:// without credentials in the URL |
max 2048 characters |
| Page width | 800 | Width of the page it scales to | 100 to 7680 |
| Page height | 600 | Height of the page it scales to | 100 to 4320 |
| Fit | contain | contain (fully visible), cover (fills the widget, may crop) or fill (stretches to the widget size) |
- |
| Reload every X minutes | 0 (never) | Automatic page reload | up to 1440 |
| Allow sound | off | Allows autoplay with sound on the embedded page | - |
FAQ
Why isn't my website showing up?
The URL must start with http:// or https:// and must not contain a username/password. Also check whether the target page allows being embedded in a frame (iframe) at all.
What's the difference between "Text" and "Text with templates"? "Text" shows a fixed line that only an automation swaps out. "Text with templates" works with several prepared presets including entry/exit effects.
Do the design options apply the same way to every widget? For most, yes. Some newer widgets (the "Live" variants) have their own, more extensive design system, see the respective widget guide.