# Insertar el chat en un iframe o compartir un enlace

> Muestra tu agente de intoCHAT en una página con un iframe en lugar de una burbuja flotante, o comparte su enlace directo por email, redes sociales o código QR.

Además de la burbuja flotante, puedes mostrar cualquier agente dentro de una página con un iframe, o abrirlo en su propia página mediante un enlace directo. Ambos están en la pestaña **Share** (Compartir), con el ID de tu agente ya incluido.

## Iframe en la página

En la tarjeta **Iframe Embed**, haz clic en **Copy Code**. La tarjeta también muestra una vista previa.

```html
<iframe
  src="https://www.intochat.ai/agent/YOUR_AGENT_ID"
  width="100%"
  height="600px"
  frameborder="0"
></iframe>
```

Pégalo donde deba aparecer el chat, por ejemplo en una página de ayuda o de contacto. El chat aparece justo donde coloques el iframe.

Cómo se comporta el chat insertado:

- El chat está siempre abierto. No hay burbuja ni tooltip.
- Ocupa todo el iframe. Ajusta `width` y `height` a tu diseño: la cabecera ocupa 60 píxeles y el campo de mensaje queda abajo.
- Se aplican tus ajustes de [Appearance](/es/docs/appearance): tema, fuente, esquinas, colores de la cabecera y de los mensajes, avatar, mensajes de bienvenida, preguntas sugeridas, texto del pie y la mención "Powered by intoCHAT". El color de la burbuja sigue coloreando el botón de enviar. La ventana emergente de bienvenida y la apertura automática no se aplican.
- La cabecera no tiene botón para cerrar. Solo lo tiene la ventana de chat que se abre desde la burbuja de la etiqueta script.

> Las acciones del lado del cliente necesitan la etiqueta script, porque sus manejadores se ejecutan en tu página a través de `embed.js`. En un iframe, el agente espera una respuesta de tu página y la acción falla a los 20 segundos. Si tu agente usa [acciones del lado del cliente](/es/docs/client-actions), instálalo con la [etiqueta script](/es/docs/script-tag).

## Enlace directo

En la tarjeta **Direct Chat URL**, haz clic en **Copy URL**, o en **Open Chat** para abrirlo en una pestaña nueva.

```text
https://www.intochat.ai/agent/YOUR_AGENT_ID
```

El enlace abre una página completa con el chat y tus ajustes de Appearance. Como el iframe, no tiene botón para cerrar. Usos habituales:

- Compartirlo por email, en publicaciones de redes sociales o en una newsletter.
- Convertirlo en un código QR para material impreso o el mostrador de tu tienda.
- Ponerlo detrás de un botón "Habla con nosotros" en una web donde no puedes añadir scripts.
- Probar el agente en una ventana aparte antes de instalarlo.
- Abrirlo en la web view de una app móvil.

## Cuál usar

| | Etiqueta script | Iframe | Enlace directo |
|---|---|---|---|
| Se muestra como | Burbuja en cada página | Recuadro dentro de una página | Página propia |
| Necesita acceso a tu web | Sí | Sí | No |
| Burbuja, tooltip, posición | Sí | No | No |
| Ventana emergente de bienvenida y apertura automática | Sí | No | No |
| Botón para cerrar | Sí | No | No |
| Acciones del lado del cliente | Sí | No | No |
| Guarda la página donde empezó el chat | Sí | No | No |

Los tres usan el mismo agente y el mismo conocimiento. Las conversaciones aparecen en **Conversations**, los leads en **Leads**, y los mensajes cuentan para tu plan de la misma forma.

## A tener en cuenta

- El enlace siempre usa la dirección intochat.ai.
- Cualquiera que tenga el enlace puede chatear con el agente. Por defecto, cualquier web puede insertar el iframe; para limitarlo a tus propias webs, configura los [dominios permitidos](/es/docs/allowed-domains). El enlace sigue funcionando igualmente. Si haces privado el agente, no funcionan ni el enlace ni las inserciones.
- Entrena un agente público solo con contenido que pueda ser público.
- Los cambios en la pestaña **Appearance** se aplican la próxima vez que se carga la página o el iframe. No necesitas un código nuevo.

Para instalar la burbuja flotante, consulta [Instalar con una etiqueta script](/es/docs/script-tag).