Saltar al contenido principal

Chat para tu web

Añade un chat a tu web
gratis, en 2 minutos

Integra un chat IRC en tiempo real en cualquier web. Sin servidores, sin base de datos, sin registro para tus usuarios. Solo pega el código.

1

Configura

Elige el canal IRC, el nombre de tu web y el tamaño del widget.

2

Copia

Copia el código HTML generado con un clic.

3

Pega

Pégalo en tu web donde quieras que aparezca el chat.

Configura tu widget

Se mostrará como “Chat ofrecido por tu web”

El usuario entrará en todos los canales simultáneamente

300px900px

Resumen

Canal: #portalchat.es

clientId: mi-web

Copia y pega este código en tu web:

<!-- Chat PortalChat.es — ofrecido por mi web -->
<div id="pce-widget" style="max-width:100%;font-family:system-ui,sans-serif;box-sizing:border-box">
  <div id="pce-form" style="padding:16px 20px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px 10px 0 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap">
    <span style="font-size:13px;color:#555;white-space:nowrap">Chat ofrecido por <strong>mi web</strong> via <a href="https://www.portalchat.es" target="_blank" rel="noopener" style="color:#EE5A1A;text-decoration:none;font-weight:bold">Chat</a>:</span>
    <input id="pce-nick" type="text" placeholder="Tu nick o nombre" aria-label="Tu nick o nombre" maxlength="20"
           style="flex:1;min-width:120px;padding:7px 12px;border:1px solid #ccc;border-radius:6px;font-size:16px">
    <button onclick="pceBoot_mi-web()"
            style="padding:8px 18px;background:#EE5A1A;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:bold;white-space:nowrap">
      Entrar al chat →
    </button>
  </div>
  <iframe id="pce-iframe-mi-web" src="about:blank" allow="microphone" loading="lazy"
          style="width:100%;height:500px;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 10px 10px;display:none"></iframe>
</div>
<script>
function pceBoot_mi-web() {
  var n = document.getElementById('pce-nick').value.trim().replace(/\s+/g, '_').replace(/[^a-zA-Z0-9_áéíóúüñÁÉÍÓÚÜÑ\[\]\^{}|-]/g, '');
  if (/^[0-9-]/.test(n)) n = 'u_' + n;
  n = n.slice(0, 20) || 'Invitado' + Math.floor(Math.random() * 9000 + 1000);
  var url = 'https://chat.chatzona.org/index.html'
    + '?clientId=mi-web'
    + '#nick=' + encodeURIComponent(n)
    + '&channel=%23portalchat.es'
    + '&show_password_box=false';
  var el = document.getElementById('pce-iframe-mi-web');
  el.src = url;
  el.style.display = 'block';
  document.getElementById('pce-form').style.display = 'none';
}
document.getElementById('pce-nick').addEventListener('keydown', function(e) {
  if (e.key === 'Enter') pceBoot_mi-web();
});
</script>

¿Por qué usar el chat de PortalChat?

100% gratuito

Sin costes ocultos, sin límite de usuarios, sin suscripción.

Sin servidores

Usamos la infraestructura IRC de ChatZona. Tú no gestionas nada.

Tiempo real

Protocolo IRC: la tecnología de chat más estable del mundo desde 1988.

Sin registro

Tus usuarios entran con un nick, sin crear cuenta ni email.

Móvil y escritorio

El widget se adapta a cualquier pantalla automáticamente.

+900 canales

Elige entre cientos de canales temáticos o geográficos ya activos.

Preguntas frecuentes

¿Es gratis añadir un chat a mi web?

Sí, completamente gratis. No hay coste de instalación, ni mantenimiento, ni límite de usuarios. El chat usa la infraestructura IRC de PortalChat sin ningún coste para ti.

¿Necesito un servidor para el chat?

No. El chat funciona sobre IRC, que es la infraestructura de PortalChat. Tú solo pegas el código HTML en tu web y listo. No necesitas instalar nada ni gestionar ningún servidor.

¿Cuánto tarda en integrarse el chat?

Menos de 2 minutos. Configuras el canal y el tamaño del widget, copias el código HTML generado y lo pegas en tu web donde quieras que aparezca el chat.

¿Funciona en cualquier web o CMS?

Sí. El widget funciona en cualquier web que permita insertar HTML: WordPress, Wix, Squarespace, Webflow, HTML estático y más. Solo necesita que el HTML sea visible para los visitantes.