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.
<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
widthyheighta tu diseño: la cabecera ocupa 60 píxeles y el campo de mensaje queda abajo. - Se aplican tus ajustes de 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.
Enlace directo
En la tarjeta Direct Chat URL, haz clic en Copy URL, o en Open Chat para abrirlo en una pestaña nueva.
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 |
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. 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.