Saltar al contenido
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVE
OVERLAYS
QUE REACCIONAN.

Convierte los regalos, follows, likes y chat de tus directos en TikTok en alertas, metas, rankings y widgets propios para TikTok LIVE Studio y OBS, en tiempo real.

Crear mi overlay gratis Mira cómo se crea un widget
SIN CONTRASEÑA DE TIKTOKUN SOLO ENLACE PARA OBSEMPIEZA GRATIS
KA@kaicenat LIVE1.2k
META DE MONEDAS36%
mia.la
envió León
MI
mia.la este overlay es una locuratobi_zockt META META META
Evento recibidogift · 14ms
OBS conectadofuente de navegador
gift → alert.play()
CONFIGÚRALO EN 3 PASOS

Del registro a tu primera alerta

  1. 1

    Escribe tu usuario de TikTok

    Regístrate gratis y escribe tu @usuario. Sin contraseña de TikTok, nada que instalar.

  2. 2

    Añade una URL a OBS o LIVE Studio

    Copia el enlace de tu overlay en una fuente de navegador y envía un regalo de prueba para verlo.

  3. 3

    Sal en directo

    Regalos, follows, likes y chat aparecen solos en tu directo.

Crear mi overlay gratis
01 / CREADOR DE WIDGETS CON IA

CREA OVERLAYS
DE TIKTOK CON IA
EN SEGUNDOS.

Escribe lo que quieres, como una alerta de regalo que sacude la pantalla o una meta de seguidores con un brócoli a cada lado. El asistente escribe el widget, lo conecta a los eventos de tu TikTok LIVE y lo pone en tu overlay de OBS. Sin código. También puedes crearlo desde Claude Code y ChatGPT mediante MCP.

Crear mi primer widgetCómo funciona
  • ~10 s por widget
  • Regalos · follows · likes · chat conectados
  • Claude y ChatGPT vía MCP

Kits de widgets de la comunidadoverlays completos, hechos por creadores

Roblox Widget KitFortnite Widget KitPUBG Widget KitGTA Widget KitMinecraft Widget KitPublica el tuyo
Roblox Widget Kitde la comunidadGratis

Roblox New Gift Alert

Roblox New Follower Alert

Roblox Live Chat Frame

Roblox Gift Goal Progress

Roblox Follower Counter

Fortnite Widget Kitde la comunidadGratis

Fortnite New Gift Alert

Fortnite Follower Counter

Fortnite Live Chat Frame

Fortnite New Follower Alert

Fortnite Gift Goal Progress

PUBG Widget Kitde la comunidad

PUBG New Gift Alert

PUBG New Follower Alert

PUBG Live Chat

PUBG Gift Goal

PUBG Followers Counter

GTA Widget Kitde la comunidad

Los Santos New Gift Alert

Los Santos New Follower Alert

Los Santos Live Chat

Los Santos Gift Goal

Los Santos Follower Counter

Minecraft Widget Kitde la comunidad

New Gift Alert

Minecraft Live Chat Frame

Minecraft Gift Diamond Goal

Minecraft New Follower Alert

Minecraft Follower Counter Artwork

WIDGETS REALES · SEÑAL EN VIVO

Una escena. Cuatro capas en vivo.

01 / 04

Alertas que destacan

Cada regalo, follow y compartido lanza un popup animado con sonido, al instante y en el stream.

…

02 / 04

Metas que llenan tus fans

Las metas de monedas y seguidores suben en vivo. Cuando se alcanzan, todo el overlay lo celebra.

36%
Meta de monedas
1,780 / 5,000
Sube en vivo con cada regalo ↑
03 / 04

Rankings con pique

Los top donadores pelean por el primer puesto en tiempo real. Nada motiva más regalos que la competencia.

Top donadores
MImia.la
2733
KAkayra99
11,204
TOtobi_zockt
3310
4nachtfalke128
04 / 04

Programa tus propios widgets

Escribe HTML, CSS y JS directamente en el editor. Crea cualquier overlay que imagines, con vista previa en vivo mientras escribes.

ESTUDIO DE WIDGETS PROPIOS VISTA PREVIA EN VIVO
HTMLCSSJS
1TE.on('gift', event => {
2 const alert = createAlert({
3 user: event.user,
4 gift: event.gift
5 });
6 overlay.show(alert);
7});
evento de regalo recibido 18ms
VISTA PREVIA EN VIVOAUTO
mia.la
envió Rosa10
MI
Sin erroresAutoguardadoTE SDK 1.0
02 / DE TU USUARIO A OBS

CONFIGÚRALO UNA VEZ.
SAL EN VIVO.

PASO 01 / 03

Conecta tu usuario

Introduce tu nombre de usuario público de TikTok. Tu contraseña de TikTok sigue siendo solo tuya.

PASO 01 / 03

Conecta tu usuario

Introduce tu nombre de usuario público de TikTok. Tu contraseña de TikTok sigue siendo solo tuya.

USUARIO PÚBLICO DE TIKTOK
kaicenat ENCONTRADO
ESCUCHANDO EVENTOS EN VIVO

Sin contraseña de TikTok. Basta con tu usuario público.

CAPA 01 · Conecta tu usuario
PASO 02 / 03

Hazlo a tu estilo

Elige un widget, ajusta el diseño y prueba cada interacción antes de salir en vivo.

EDITOR DE WIDGETSVISTA PREVIA EN VIVO
mia.la
envió Rosa
MI
ACENTOANIMACIÓN · POP
CAPA 02 · Hazlo a tu estilo
PASO 03 / 03

Ponlo en OBS

Pega una vez el enlace privado de la fuente de navegador. Los eventos en vivo hacen el resto.

OBS · FUENTE DE NAVEGADORLISTO
URL PRIVADA DEL OVERLAY
tokelements.app/overlay/••••••••
Señal conectadaCada evento en vivo aparece ahora en OBS.
CAPA 03 · Ponlo en OBS
03 / MÁS ALLÁ DE LOS WIDGETS
01 / 06

Editor de overlay

Coloca y ordena por capas cada elemento en vivo en un solo lienzo visual.

OVERLAY · ESCENA PRINCIPAL1920 × 1080
Alerta de regaloMeta del subathon
HERRAMIENTA PARA CREADORES · VISTA PREVIA EN VIVO
01

Editor de overlay

Coloca y ordena por capas cada elemento en vivo en un solo lienzo visual.

OVERLAY · ESCENA PRINCIPAL1920 × 1080
Alerta de regaloMeta del subathon
02

Sistema de puntos

Premia a tus espectadores con puntos, saldos y acciones canjeables.

PUNTOS DE ESPECTADORESECONOMÍA ACTIVA
KAkaicenat12,480 PTS
Destacar mi mensaje 500Añadir 2 minutos 1,200Lanzar confeti 2,500
03

Simulador de eventos

Prueba regalos, follows y metas sin riesgo antes de que llegue tu público.

SIMULADOR DE EVENTOSMODO DE PRUEBA SEGURO
TIPO DE EVENTORegalo · León ×1
14:32:08 el overlay recibió un evento de regalo 200 OK
04

Trigger API

Envía eventos a tus widgets desde tu propio bot o herramientas con una API key con permisos limitados.

TRIGGER APICONECTADO
POST /api/v1/trigger{ "event": "gift", "user": "kaicenat", "coins": 2999 }
200 OK · 18ms
05

Peticiones en Spotify

Deja que tus espectadores influyan en la cola sin salir de tu LIVE.

PETICIONES EN SPOTIFYCOLA · 04
SONANDO AHORAPetición de un espectadorAñadida por @pokimane
A CONTINUACIÓNPedida por @xqc03:24
06

Escenas en vivo

Cambia entre escenas a pantalla completa (intro, BRB, en vivo), cada una con su propio fondo y transición.

ESCENASAL AIRE · INTRO
PROGRAMAMEDIANOCHE · FUNDIDO
EMPIEZA EN4:58
IntroFundidoAL AIREVuelvo enseguidaDeslizarInactivaEn vivoCorteCámara
04 / ANTES DE SALIR EN VIVO

TODO
CLARO.

Respuestas cortas a lo que importa antes de tu primer stream.

FAQ · 01¿Cómo añado un overlay de TikTok LIVE a OBS?

Crea y personaliza un widget, copia su URL privada de fuente de navegador y añádela en OBS como Fuente de navegador.

FAQ · 02¿Funciona con TikTok LIVE Studio?

Sí. Añade el enlace de tu overlay en TikTok LIVE Studio como fuente de Enlace, o en OBS como Fuente de navegador. Cada widget que coloques aparece en tu stream.

FAQ · 03¿Tengo que iniciar sesión con mi cuenta de TikTok?

No. Conéctate con tu nombre de usuario público de TikTok; TokElements nunca te pide tu contraseña de TikTok.

FAQ · 04¿Puedo crear widgets totalmente personalizados?

Sí. Usa el editor integrado de HTML, CSS y JavaScript con vista previa en vivo y datos reales de eventos de TikTok LIVE.

FAQ · 05¿Puedo mostrar una pantalla de “empezamos pronto” o BRB?

Sí. Crea varias escenas en un mismo overlay (intro, BRB, en vivo), cada una con su propio fondo a pantalla completa (un preset integrado, un color o tu propia imagen) y sus propios widgets. Cambia entre ellas en vivo y pasan de una a otra con una transición antes de mostrar tu cámara.

05 / PRECIOS

GRATIS PARA STREAMEAR.
PRO PARA CREAR.

Overlays, alertas, metas, chat, rankings y todas las plantillas siguen siendo gratis, sin periodo de prueba. Pro es para escribir tus propios widgets.

GRATIS
$0para siempre

Todo lo que necesitas para poner un overlay en vivo en OBS. Sin tarjeta y sin marca de agua.

  • Overlay en OBS con una sola fuente de navegador
  • Todo el catálogo de plantillas
  • Alertas, metas, chat, rankings y puntos
  • Crea tus propios widgets en el editor de código
  • Edita el html, css y js de cualquier widget
  • Crea widgets con IA, directamente en el editor
  • Base de datos de puntos para 25.000 espectadores (gratis: 1.000)
  • Rol Pro en Discord
Crear una cuenta gratis
PRO
$18al mes

O $151.20 al año, es decir, $12.60 al mes. Cobro en USD, cancela cuando quieras.

  • Overlay en OBS con una sola fuente de navegador
  • Todo el catálogo de plantillas
  • Alertas, metas, chat, rankings y puntos
  • Crea tus propios widgets en el editor de código
  • Edita el html, css y js de cualquier widget
  • Crea widgets con IA, directamente en el editor
  • Base de datos de puntos para 25.000 espectadores (gratis: 1.000)
  • Rol Pro en Discord
Obtener Pro

Los pagos se procesan a través de Creem como merchant of record (vendedor registrado); los impuestos se añaden al pagar cuando corresponde. Un plan se renueva por el mismo periodo hasta que lo canceles en tus ajustes. ¿No te convence tu primer cargo? Escríbenos en un plazo de 7 días y te lo reembolsamos. Más detalles en los Términos.

06 / COMUNIDAD

ÚNETE A NUESTRO
DISCORD.

Streamers ayudando a streamers. Consigue respuestas de gente que sale en vivo cada día, enseña lo que has creado y vota lo que se lanza después. Los miembros Pro llevan el rol Pro en su nombre.

Únete a nuestro DiscordGRATIS · SOPORTE EN 7 IDIOMAS · SOPORTE EN ESPAÑOL · ABIERTO A TODOS
  • SoporteOBS, la conexión con TikTok, un widget que no se activa. Personas reales, respuestas rápidas.
  • EscaparatePublica tus overlays, toma ideas de otros streams y recibe feedback antes de salir en vivo.
  • Hoja de rutaVota funciones y míralas llegar. Las mejores ideas vienen de quienes hacen stream.
  • Rol ProVincula Discord una vez en Ajustes y el rol Pro aparece en tu nombre automáticamente.
07 / TU PRÓXIMO STREAM

HAZ QUE CADA
MOMENTO IMPACTE.

Crea tu primer overlay de TikTok LIVE y añádelo a OBS con un solo enlace privado.

Crear mi overlay gratisSIN CONTRASEÑA DE TIKTOK · EMPIEZA GRATIS · PRO DESDE $12.60/MES