# Como colocar o chat da Kick no OBS > Duas formas de ter o chat da Kick no OBS: um dock de chat para você ler durante a live e um overlay de chat transparente para os espectadores verem. Source: https://kickbot.com/pt/guides/setup/add-kick-chat-to-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](https://help.kick.com/en/articles/7978574-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](https://kickbot.com/pt/docs/getting-started/create-your-account) e conecte seu canal da Kick, se ainda não fez isso. 2. Abra a [Biblioteca de widgets](https://kickbot.com/dashboard/widget-library). 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](https://kickbot.com/dashboard/saved-widgets), 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](https://obsproject.com/kb/browser-source), 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](https://kickbot.com/pt/docs/widgets/chat-overlay). Para ajuda com browser source no OBS, no Streamlabs Desktop e no Meld, veja [adicione um browser source](https://kickbot.com/pt/docs/getting-started/add-browser-source-obs). > **Caution:** 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](https://streamlabs.com/content-hub/post/how-to-live-stream-to-kick-using-streamlabs-desktop), em inglês). Veja [Streamlabs e Kick](https://kickbot.com/pt/guides/setup/streamlabs-and-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](https://help.kick.com/en/articles/15952303-kick-studio-web-go-live), 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.