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:14px;outline:none">
    <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()
        || '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.