Overlay no StreamElements

Entre em Dashboard → Widgets e clique em Copiar na linha do widget que você quer — para os alertas, a URL tem este formato:

https://pixnatela.com/overlay/SEU-TOKEN-SECRETO?widget=alertas

As URLs são as mesmas usadas no OBS e no Streamlabs — muda só o final ?widget= para cada widget.

No site do StreamElements, vá em My Overlays e abra o overlay que você usa na live (ou crie um novo). Você cai no editor web, com o canvas do overlay no centro e a barra de ferramentas à esquerda.

Clique no + (Add Widget), abra a categoria Static/Custom Widgets e escolha iFrame. Um retângulo novo aparece no canvas.

Com o iFrame selecionado, cole a URL copiada no campo de URL nas configurações do widget. Ajuste o tamanho para o recomendado — 800 × 600 para os alertas; qr 320 × 320, meta 600 × 160, ranking 400 × 500, ultimas 400 × 400 — e arraste para a posição certa na cena. Salve o overlay.

Salvou? Agora é só usar o overlay do StreamElements como você já faz: pela URL do overlay adicionada como fonte de navegador no OBS, ou direto pelo OBS.Live (a versão do OBS com integração StreamElements), onde seus overlays já aparecem prontos para arrastar para a cena.

Em Dashboard → Visão geral, clique em “Disparar alerta teste” e confira o alerta aparecendo dentro do overlay do StreamElements. Se nada aparecer, revise a URL do iFrame (token completo + ?widget=alertas) — e lembre que o widget de alertas fica invisível até um alerta disparar.