Na sua live · 5 min de leitura

Overlay no OBS Studio

Passo a passo completo da fonte de navegador, com tamanhos recomendados.

O overlay do Pix na Tela é uma página web com fundo transparente — para o OBS Studio, ela é só mais uma fonte de navegador. Em menos de 2 minutos os alertas estarão pipocando na sua live. Assista à demonstração e siga os passos abaixo.

demo · Overlay no OBS em 4 passos

1/4
pixnatela.com/dashboard

URLs do seu overlay

🔔 Alertas

800 × 600

pixnatela.com/overlay/a1b2c3…?widget=alertasCopiar

💚 QR code

320 × 320

🎯 Meta

600 × 160

Copie a URL do widget. Em Dashboard → Widgets, encontre o widget Alertas e clique em “Copiar”. A URL contém seu token secreto.

Copie a URL do widget no dashboard

Entre em Dashboard → Widgets. Cada widget tem a sua própria URL — para os alertas, ela tem este formato:

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

Clique no botão Copiar ao lado da URL do widget Alertas. O trecho SEU-TOKEN-SECRETO é único da sua conta — é ele que liga o overlay às suas doações.

pixnatela.com/dashboard

URLs do seu overlay

🔔 Alertas

800 × 600

pixnatela.com/overlay/a1b2c3…?widget=alertasCopiar

💚 QR code

320 × 320

🎯 Meta

600 × 160

Dashboard → Widgets — cada widget tem URL e tamanho próprios

Adicione uma fonte de Navegador no OBS

Abra o OBS Studio na cena em que você transmite. No painel Fontes, clique no botão + e escolha Navegador (em inglês, Browser).

Na janela que abrir, marque Criar nova e dê um nome fácil de reconhecer, como Pix na Tela — Alertas. Clique em OK.

OBS Studio — Cena: Minha Live
pré-visualização da cena

Fontes

  • 🎥 Webcam
  • 🖥️ Captura de jogo
+

Adicionar fonte:

Captura de tela

Navegador

Imagem

Painel Fontes → + → Navegador

Cole a URL e ajuste o tamanho

Na janela de Propriedades da fonte, cole a URL copiada no campo URL e defina o tamanho do widget de alertas: Largura 800 e Altura 600. Confirme em OK.

Propriedades de 'Pix na Tela — Alertas'
URL
https://pixnatela.com/overlay/SEU-TOKEN-SECRETO?widget=alertas
Largura
800
Altura
600
CancelarOK
Propriedades da fonte: URL + 800 × 600

Posicione e trave a fonte na cena

De volta à cena, arraste a fonte para onde os alertas devem aparecer — o alerta surge centralizado dentro da área de 800 × 600. Evite cobrir a área do jogo ou a webcam.

Quando estiver no lugar certo, clique no cadeado ao lado da fonte no painel Fontes para travá-la e não mover sem querer durante a live.

Dispare um alerta de teste

Vá em Dashboard → Visão geral e clique em “Disparar alerta teste”. Em instantes o alerta aparece na sua cena do OBS, com a animação e o som configurados — sem precisar de doação real.

OBS Studio — Cena: Minha Live

luanagamer mandou R$ 10,00!

Fontes

  • 🎥 Webcam
  • 🖥️ Captura de jogo
  • 🌐 Pix na Tela — Alertas
+
Fonte adicionada: o alerta aparece na pré-visualização da cena

Adicione os outros widgets (tamanhos recomendados)

Repita os passos 2 e 3 para cada widget que quiser na cena — basta trocar o final ?widget= da URL e usar o tamanho recomendado:

WidgetParâmetroLargura × altura
Alertas?widget=alertas800 × 600
QR code?widget=qr320 × 320
Meta?widget=meta600 × 160
Ranking?widget=ranking400 × 500
Últimas doações?widget=ultimas400 × 400

Crie uma fonte de navegador para cada widget — assim você posiciona, mostra e esconde cada um de forma independente. O guia Todos os widgets do overlay explica quando usar cada um.

Fonte preta ou nada aparece? Confira isto

Os três motivos mais comuns, do mais frequente para o mais raro:

1. A URL veio incompleta. Abra as Propriedades da fonte e compare com a página Dashboard → Widgets: a URL precisa do token inteiro e do final ?widget=alertas. Prefira sempre o botão Copiar a digitar.

2. O overlay é transparente mesmo. O widget de alertas só mostra algo quando um alerta dispara — fonte “vazia” na cena é normal. Use o botão “Disparar alerta teste” na Visão geral para confirmar que está funcionando.

3. A página travou em cache. Clique com o botão direito na fonte → “Atualizar cache da página atual” (ou remova e recrie a fonte). Verifique também se Largura/Altura não estão em 0.

Sem som no alerta? E se a URL vazar na live?

Alerta aparece mas não toca som: navegadores bloqueiam áudio até a primeira interação com a página — e a fonte do OBS é um navegador. Clique com o botão direito na fonte → “Interagir” e clique uma vez em qualquer lugar dentro da janela que abrir. Pronto: os próximos alertas tocam normalmente.

Confira também se o som está ativado em Dashboard → Alertas e, se você marcou “Controlar áudio via OBS” nas propriedades, se o volume da fonte não está mudo no Mixer de áudio.

A URL apareceu na transmissão: vá em Dashboard → Configurações e use “Regenerar token”. A URL antiga morre na hora — depois é só colar a nova URL nas propriedades de cada fonte do OBS.

Ficou com dúvida?

Abra um chamado no dashboard — a resposta chega em ~1 minuto, com áudio no seu WhatsApp.

Falar com o suporte