# Añade el chat de Kick a OBS > Dos formas de tener el chat de Kick en OBS: un dock para leer el chat mientras estás en vivo y un overlay transparente para que tus espectadores lo vean. Source: https://kickbot.com/es/guides/setup/add-kick-chat-to-obs Hay dos formas de añadir el chat de Kick a OBS, y la mayoría de los streamers quieren las dos. Un **dock de chat** muestra el chat dentro de la ventana de OBS, para que puedas leerlo mientras haces stream. Un **overlay de chat** es una fuente de navegador en tu escena, para que los espectadores vean el chat en el stream, por ejemplo en un VOD o en un clip. El dock usa el chat emergente (popout) de Kick. El overlay necesita un widget de chat de una herramienta como KickBot o Streamlabs. Cada parte lleva unos minutos. ## ¿Dock u overlay? | | Dock de chat | Overlay de chat | |---|---|---| | Quién lo ve | Solo tú, en OBS | Tus espectadores, en el stream | | Qué es | Un panel en la ventana de OBS | Una fuente de navegador en tu escena | | De dónde sale | La URL del chat emergente de Kick | Un widget de chat (KickBot, Streamlabs u otros) | | Se puede escribir en él | No | No | ## Añade un dock del chat de Kick en OBS Estos pasos vienen de la guía de 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). 1. Abre OBS. 2. En la barra de menús, haz clic en **Docks** > **Custom Browser Docks** (Paneles > Paneles de navegador personalizados). 3. Escribe un nombre, por ejemplo "Kick Chat". 4. Escribe la URL de tu chat emergente: `https://kick.com/popout/yourchannel/chat`. Cambia `yourchannel` por tu nombre de usuario de Kick. 5. Haz clic en **Apply** (Aplicar) y después en **Close** (Cerrar). 6. Haz clic en **Docks** y elige **Kick Chat** para mostrarlo. Arrástralo al lugar de la ventana de OBS donde lo quieras. Kick indica estos límites del dock: - No puedes iniciar sesión ni enviar mensajes desde el dock. Si quieres escribir, mantén kick.com abierto en un navegador. - Un aviso de cookies puede tapar parte del chat. Haz el dock más ancho para que no oculte los mensajes. - "Disconnected" (desconectado) significa que no has iniciado sesión. Los mensajes nuevos se siguen viendo. ## Añade un overlay del chat de Kick a tu stream Un overlay muestra el chat encima de tu juego o tu cámara, con el fondo transparente. Lo añades como fuente **Browser** (Navegador). Estos son los pasos con el widget de chat de KickBot, que es gratis. ### 1. Instala un widget de chat en KickBot 1. [Crea una cuenta de KickBot](https://kickbot.com/es/docs/getting-started/create-your-account) y conecta tu canal de Kick, si todavía no lo hiciste. 2. Abre la [Biblioteca de widgets](https://kickbot.com/dashboard/widget-library). 3. Abre **Basic Chat Widget** (un widget oficial de KickBot) u otro estilo de chat que te guste. 4. Haz clic en **Instalar widget**. El widget se añade a **Widgets guardados**. 5. En [Widgets guardados](https://kickbot.com/dashboard/saved-widgets), haz clic en **Copiar URL** en el widget. Si quieres cambiar cómo se ve, haz clic antes en **Editar**. ### 2. Añade la fuente de navegador en OBS 1. En OBS, selecciona tu escena. 2. En **Sources** (Fuentes), haz clic en **+** y elige **Browser**. 3. Ponle un nombre, por ejemplo "Overlay de chat de Kick", y haz clic en **OK** (Aceptar). 4. Pega la URL del widget en **URL**. 5. Pon **Width** (Ancho) en 800 y **Height** (Alto) en 600 (el tamaño del Basic Chat Widget). Cámbialo después para que encaje en tu diseño. 6. Haz clic en **OK**. Arrastra el overlay y cambia su tamaño en la vista previa. La fuente de navegador de OBS tiene un CSS personalizado por defecto que hace transparente el fondo de la página ([OBS browser source](https://obsproject.com/kb/browser-source)), así que sobre tu escena solo se ven los mensajes del chat. Para ver todos los ajustes del widget y más estilos de chat, consulta [Overlay de chat](https://kickbot.com/es/docs/widgets/chat-overlay). Si necesitas ayuda con la fuente de navegador en OBS, Streamlabs Desktop y Meld, consulta [Añade una fuente de navegador](https://kickbot.com/es/docs/getting-started/add-browser-source-obs). > **Caution:** Mantén en privado la URL del widget. No la muestres en el stream ni en capturas de pantalla. ## Otras formas de mostrar el chat de Kick en el stream - **Streamlabs.** Streamlabs dice que tiene un widget de chat box para los streams de Kick ([Streamlabs](https://streamlabs.com/content-hub/post/how-to-live-stream-to-kick-using-streamlabs-desktop)). Consulta [Streamlabs y Kick](https://kickbot.com/es/guides/setup/streamlabs-and-kick). - **Web Go Live.** Si haces stream desde tu navegador con Web Go Live de Kick, tiene un widget **Chat Box** integrado. Para eso no necesitas OBS ([centro de ayuda de Kick](https://help.kick.com/en/articles/15952303-kick-studio-web-go-live)). ## Solución de problemas **El overlay está vacío.** Envía un mensaje de prueba en tu chat de Kick y espera unos segundos. Si no aparece nada, haz clic derecho en la fuente, elige **Properties** (Propiedades) y haz clic en **Refresh cache of current page** (Actualizar la caché de la página actual). **El overlay tiene un fondo sólido.** Comprueba que el recuadro **Custom CSS** (CSS personalizado) de la fuente de navegador todavía tiene el fondo transparente por defecto. Si lo cambiaste, borra tus cambios. **El chat está cortado o se ve muy pequeño.** Cambia **Width** y **Height** en las propiedades de la fuente en lugar de estirar la fuente. Si la estiras, el texto se ve borroso. **El dock muestra un aviso de cookies.** Es un límite conocido del chat emergente de Kick dentro de un dock. Haz el dock más ancho. ## Preguntas frecuentes **¿Cómo añado el chat de Kick a OBS?** Para un chat que puedas leer, añade en OBS un dock de navegador personalizado con la URL `https://kick.com/popout/yourchannel/chat`. Para que el chat salga en el stream, añade la URL de un widget de chat (por ejemplo de KickBot) como fuente Browser en tu escena. **¿Cómo consigo un overlay de chat de Kick transparente?** Usa un widget de chat hecho para OBS, como el widget de chat de KickBot, y añádelo como fuente Browser. OBS hace transparente el fondo de la página por defecto. **¿Puedo escribir en el chat de Kick desde OBS?** No. Según Kick, no puedes iniciar sesión ni enviar mensajes desde el dock. Para escribir, mantén kick.com abierto en un navegador o en tu teléfono.