Configurar widgets en el overlay
Crea widgets individuales para OBS, copia sus URLs independientes y ajusta chat, alertas, TTS, eventos recientes o widgets personalizados.
Los widgets son componentes visuales individuales que aparecen sobre el stream. Cada uno tiene su propia URL de Browser Source para OBS.
Tipos de widgets disponibles
| Widget | Descripción | Uso típico |
|---|---|---|
| Chat | Chat de Twitch en tiempo real | Mostrar el chat sobre la pantalla |
| Alertas | Animaciones para follows, subs, raids y donaciones | Aparecer durante eventos del stream |
| TTS | Audio de Text-to-Speech de mensajes del chat | Leer mensajes en voz alta |
| Evento reciente | Muestra el último follow, sub o clip | Corner del stream |
| Personalizado | Widget configurable con contenido custom | Cualquier caso específico |
Crear y añadir un widget a OBS
Crear el widget en el dashboard
- Entra en Dashboard → Twitch → Widgets.
- Haz clic en + [Tipo de widget], por ejemplo + Chat.
- Configura las opciones del widget:
- Etiqueta: nombre interno para identificarlo.
- Habilitado: activa o desactiva el widget sin eliminarlo.
- Opciones específicas del tipo: fuente, colores, animaciones, etc.
- Haz clic en Guardar.
La URL del widget aparece en el panel. Haz clic en Copiar.
https://[dominio]/overlay/widget.html?room=[TOKEN]&id=[WIDGET_ID] Importante
La URL del widget contiene el token del canal. Trátala como información sensible y no la compartas públicamente.
Añadir el widget a OBS
- En OBS, abre Fuentes → + → Browser Source.
- Nombra la fuente, por ejemplo Chat Widget.
- Pega la URL del widget.
- Configura tamaño y posición según el diseño de tu stream.
Consejo
Para el widget de alertas, posiciónalo centrado o donde quieras que aparezcan las animaciones. Resolución sugerida: 1920×1080.
Verificar que funciona
- Si el widget no muestra nada, verifica que está Activo en el dashboard.
- Los cambios en la configuración se aplican en tiempo real sin recargar el Browser Source.
Opciones de personalización por widget
Widget de Chat
| Opción | Descripción |
|---|---|
| Fuente y tamaño | Tipografía del texto del chat |
| Colores | Fondo, texto y badges de usuario |
| Máximo de mensajes | Cuántos mensajes aparecen simultáneamente |
| Filtrar comandos | Ocultar mensajes que empiezan con ! |
| Solo subs/mods | Filtrar quién aparece |
Widget de Alertas
| Opción | Descripción |
|---|---|
| Tipos de evento | Follow, Sub, Resub, Giftsub, Raid, Bits |
| Duración de animación | Cuántos segundos aparece la alerta |
| Sonido | URL del archivo de audio de la alerta |
| Imagen/GIF | URL de la imagen o GIF de la alerta |
| Mensaje personalizado | Texto que aparece en la alerta |
Gestionar widgets existentes
| Acción | Descripción |
|---|---|
| Editar | Modifica la configuración del widget |
| URL | Copia la URL del widget, oculta por defecto |
| Activo/Inactivo | Indica si el widget está habilitado |
| Eliminar | Elimina el widget permanentemente |