Como colocar o chat da Kick no OBS

Existem duas formas de colocar o chat da Kick no OBS, e a maioria dos streamers quer as duas. Um dock de chat mostra o chat dentro da janela do OBS, para você ler enquanto faz live. Um overlay de chat é um browser source na sua cena, para os espectadores verem o chat na live, por exemplo em um VOD ou em um clip.

O dock usa o chat em janela (popout) da própria Kick. O overlay precisa de um widget de chat de uma ferramenta como o KickBot ou o Streamlabs. Cada parte leva poucos minutos.

Dock ou overlay?

	Dock de chat	Overlay de chat
Quem vê	Só você, no OBS	Seus espectadores, na live
O que é	Um painel na janela do OBS	Um browser source na sua cena
De onde vem	A URL do chat popout da Kick	Um widget de chat (KickBot, Streamlabs, outros)
Dá para digitar nele	Não	Não

Adicione um dock de chat da Kick no OBS

Estes passos vêm do guia da Kick How to create a Kick chat dock in OBS (em inglês).

1. Abra o OBS.
2. Na barra de menus, clique em Docks > Custom Browser Docks (docks de navegador personalizados).
3. Digite um nome, por exemplo “Chat da Kick”.
4. Digite a URL do seu chat popout: https://kick.com/popout/yourchannel/chat. Troque yourchannel pelo seu nome de usuário da Kick.
5. Clique em Aplicar (Apply) e depois em Fechar (Close).
6. Clique em Docks e escolha Chat da Kick para mostrar o dock. Arraste para onde quiser na janela do OBS.

A Kick lista estas limitações do dock:

• Você não consegue entrar na conta nem mandar mensagens pelo dock. Deixe o kick.com aberto em um navegador se quiser digitar.
• Um aviso de cookies pode cobrir parte do chat. Deixe o dock mais largo para ele não esconder mensagens.
• “Disconnected” (desconectado) significa que você não está logado. As mensagens novas continuam aparecendo.

Adicione um overlay de chat da Kick à sua live

Um overlay mostra o chat por cima do seu jogo ou da sua câmera, com fundo transparente. Você adiciona o overlay como fonte Navegador (Browser). Veja os passos com o widget de chat do KickBot, que é grátis.

1. Instale um widget de chat no KickBot

1. Crie uma conta no KickBot e conecte seu canal da Kick, se ainda não fez isso.
2. Abra a Biblioteca de widgets.
3. Abra o Basic Chat Widget (um widget oficial do KickBot) ou outro estilo de chat que você goste.
4. Clique em Instalar widget. O widget vai para Widgets salvos.
5. Em Widgets salvos, clique em Copiar URL no widget. Clique antes em Editar se quiser mudar o visual.

2. Adicione o browser source no OBS

1. No OBS, selecione a sua cena.
2. Em Fontes (Sources), clique em + e escolha Navegador (Browser).
3. Dê um nome, por exemplo “Overlay de chat da Kick”, e clique em OK.
4. Cole a URL do widget em URL.
5. Coloque Largura (Width) em 800 e Altura (Height) em 600 (o tamanho do Basic Chat Widget). Depois ajuste ao seu layout.
6. Clique em OK. Arraste e redimensione o overlay na prévia.

O browser source do OBS tem um CSS personalizado padrão que deixa o fundo da página transparente (browser source do OBS, em inglês), então só as mensagens do chat aparecem por cima da sua cena.

Para todas as configurações do widget e mais estilos de chat, veja overlay de chat. Para ajuda com browser source no OBS, no Streamlabs Desktop e no Meld, veja adicione um browser source.

Cuidado

Mantenha a URL do widget em segredo. Não mostre a URL na live nem em prints.

Outras formas de mostrar o chat da Kick na live

• Streamlabs. O Streamlabs diz que tem um widget de chat box para lives na Kick (Streamlabs, em inglês). Veja Streamlabs e Kick.
• Web Go Live. Se você faz live pelo navegador com o Web Go Live da Kick, ele já tem um widget Chat Box. Para isso você não precisa do OBS (central de ajuda da Kick, em inglês).

Solução de problemas

O overlay está vazio. Mande uma mensagem de teste no seu chat da Kick e espere alguns segundos. Se nada aparecer, clique com o botão direito na fonte, escolha Propriedades (Properties) e clique em Atualizar cache da página atual (Refresh cache of current page).

O overlay tem um fundo sólido. Confira se a caixa CSS personalizado (Custom CSS) do browser source ainda tem o fundo transparente padrão. Se você mudou, apague as suas mudanças.

O chat está cortado ou pequeno demais. Mude a Largura e a Altura nas propriedades da fonte, em vez de esticar a fonte. Esticar deixa o texto borrado.

O dock mostra um aviso de cookies. Essa é uma limitação conhecida do chat popout da Kick em um dock. Deixe o dock mais largo.

Perguntas frequentes

Como eu coloco o chat da Kick no OBS?

Para um chat que você possa ler, adicione um dock de navegador personalizado no OBS com a URL https://kick.com/popout/yourchannel/chat. Para o chat aparecer na live, adicione a URL de um widget de chat (por exemplo do KickBot) como fonte Navegador na sua cena.

Como eu faço um overlay de chat da Kick transparente?

Use um widget de chat feito para o OBS, como o widget de chat do KickBot, e adicione como fonte Navegador. O OBS deixa o fundo da página transparente por padrão.

Dá para digitar no chat da Kick pelo OBS?

Não. A Kick diz que você não consegue entrar na conta nem mandar mensagens pelo dock. Deixe o kick.com aberto em um navegador ou no celular para digitar.