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/4URLs do seu overlay
🔔 Alertas
800 × 600
💚 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.
URLs do seu overlay
🔔 Alertas
800 × 600
💚 QR code
320 × 320
🎯 Meta
600 × 160
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.
Fontes
- 🎥 Webcam
- 🖥️ Captura de jogo
Adicionar fonte:
Captura de tela
Navegador
Imagem
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.
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.
luanagamer mandou R$ 10,00!
Fontes
- 🎥 Webcam
- 🖥️ Captura de jogo
- 🌐 Pix na Tela — Alertas
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:
| Widget | Parâmetro | Largura × altura |
|---|---|---|
| Alertas | ?widget=alertas | 800 × 600 |
| QR code | ?widget=qr | 320 × 320 |
| Meta | ?widget=meta | 600 × 160 |
| Ranking | ?widget=ranking | 400 × 500 |
| Últimas doações | ?widget=ultimas | 400 × 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.