___        ___   ________   ___  ___   _________        ________   _________   ________   _______    ________   _____ ______      
|\  \      |\  \ |\   ____\ |\  \|\  \ |\___   ___\     |\   ____\ |\___   ___\|\   __  \ |\  ___ \  |\   __  \ |\   _ \  _   \    
\ \  \     \ \  \\ \  \___| \ \  \\\  \\|___ \  \_|     \ \  \___|_\|___ \  \_|\ \  \|\  \\ \   __/| \ \  \|\  \\ \  \\\__\ \  \   
 \ \  \     \ \  \\ \  \  ___\ \   __  \    \ \  \       \ \_____  \    \ \  \  \ \   _  _\\ \  \_|/__\ \   __  \\ \  \\|__| \  \  
  \ \  \____ \ \  \\ \  \|\  \\ \  \ \  \    \ \  \       \|____|\  \    \ \  \  \ \  \\  \|\ \  \_|\ \\ \  \ \  \\ \  \    \ \  \ 
   \ \_______\\ \__\\ \_______\\ \__\ \__\    \ \__\        ____\_\  \    \ \__\  \ \__\\ _\ \ \_______\\ \__\ \__\\ \__\    \ \__\
    \|_______| \|__| \|_______| \|__|\|__|     \|__|       |\_________\    \|__|   \|__|\|__| \|_______| \|__|\|__| \|__|     \|__|
                                                           \|_________|

Guia: Widgets y Overlays

Publicado: 23 de abril de 2026

Configura overlays profesionales para OBS y otros programas de streaming.

1. Que son los Widgets

Los Widgets son overlays (capas visuales) que se muestran sobre tu transmision en programas como OBS Studio, Streamlabs o cualquier software que soporte browser sources. LightStream genera una URL unica para cada widget que puedes agregar directamente a tu escena.

  • Redes Sociales — Muestra tus enlaces de Instagram, Discord, TikTok, etc.
  • Top Likes — Ranking de usuarios con mas likes en el live.
  • Top Coins — Ranking de usuarios con mas monedas/diamantes.
  • Mayor Gift — Destaca el regalo mas grande recibido en la sesion.
  • Mayor Combo — Muestra el combo de regalos mas alto.

2. Agregar un widget a OBS

Paso 2.1 — Obtener la URL del widget

Ve a la seccion Widgets en LightStream. Cada widget muestra su URL unica debajo de la vista previa. Haz clic en el boton Copiar para copiar la URL al portapapeles.

Paso 2.2 — Crear una Browser Source en OBS

En OBS, haz clic derecho en la seccion de Fuentes y selecciona Agregar → Navegador (Browser). Ponle un nombre descriptivo, por ejemplo: Top Likes Overlay. En el campo URL, pega la URL que copiaste de LightStream. Configura el Ancho y Alto segun el espacio de tu escena (ej: 400x600). Haz clic en Aceptar.

Paso 2.3 — Posicionar en tu escena

Arrastra el borde del widget en el canvas de OBS para colocarlo donde prefieras. Los widgets de LightStream tienen fondo transparente por defecto, asi que solo veras el contenido.

Tip: Si ves un fondo negro en lugar de transparente, verifica que la fuente en OBS este configurada correctamente y que el navegador soporte transparencia.

3. Configurar el widget de Redes Sociales

Este widget muestra iconos animados de tus redes sociales:

  1. Haz clic en Configurar en la tarjeta de Redes Sociales.
  2. En el panel de configuracion, activa las redes que quieres mostrar (Instagram, Discord, TikTok, etc.).
  3. Ingresa tu usuario o enlace para cada red activada.
  4. Ajusta el tamano de los iconos, el espaciado y la posicion (horizontal o vertical).
  5. Elige si quieres que aparezcan de forma permanente o con animacion de entrada.
  6. Guarda los cambios y la URL se actualizara automaticamente.

4. Configurar leaderboards (Top Likes y Top Coins)

Los leaderboards muestran un ranking de usuarios destacados:

  1. Haz clic en Configurar en Top Likes o Top Coins.
  2. Define cuantas posiciones mostrar (top 3, top 5, etc.).
  3. Personaliza colores de fondo, texto, bordes y tipografia.
  4. Para Top Likes, elige si muestras un icono de corazon y su estilo.
  5. Para Top Coins, activa o desactiva el icono de moneda.
  6. Guarda y copia la URL actualizada a OBS.

Dato: Los leaderboards se actualizan en tiempo real mientras estas conectado a tu live de TikTok.

5. Configurar Spotlight (Mayor Gift y Mayor Combo)

Los spotlights destacan al usuario que envio el regalo mas valioso o el combo mas alto:

  1. Abre la configuracion de Mayor Gift o Mayor Combo.
  2. Personaliza colores, fuentes, tamano y si muestras el nombre de usuario.
  3. Para Mayor Gift, activa Mostrar conteo de diamantes para ver el valor total.
  4. Para Mayor Combo, activa Mostrar conteo de combo para ver la cantidad acumulada.
  5. Guarda la configuracion.

Una vez que recibas un regalo durante el live, el spotlight se actualizara automaticamente mostrando al nuevo lider. Puedes limpiar el registro con el boton Limpiar.

6. Vista previa en vivo

Cada modal de configuracion incluye una vista previa en vivo a la derecha. Esto te permite ver exactamente como se vera el overlay mientras ajustas colores, tamanos y estilos. Los datos de ejemplo se muestran automaticamente para que puedas evaluar el diseno sin estar en vivo.

Los widgets se sincronizan en tiempo real. No necesitas reiniciar OBS al guardar cambios.