Añade el chat de Kick a 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.

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 y conecta tu canal de Kick, si todavía no lo hiciste.
2. Abre la Biblioteca de widgets.
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, 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), 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. Si necesitas ayuda con la fuente de navegador en OBS, Streamlabs Desktop y Meld, consulta Añade una fuente de navegador.

Precaución

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). Consulta Streamlabs y 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).

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.