💬 Componente Embebible

PeopleWorks Copilot
Widget

Integra un asistente de IA con RAG en cualquier aplicacion web con solo 2 lineas de codigo. Boton flotante o chat embebido, tu decides.

🔴 Modo FAB (Flotante)
💬
🟢 Modo Embebido
🚀 PeopleWorks Copilot
How can I help you today?

Ask me anything...
Type your message...
📝
2
Lineas de Codigo
🎯
2
Modos de Vista
🌐
100%
Iframe Compatible
🎨
CSS
Personalizable
Integracion Rapida

Integra en Segundos

Solo necesitas un iframe. Sin dependencias, sin build, sin complicaciones.

🔴
Modo FAB (Flotante)

Un boton flotante en la esquina que abre el chat al hacer clic. Ideal para soporte y asistencia sin interrumpir la experiencia.

HTML - Boton Flotante
<iframe
    src="https://peopleworkscopilotwidget.peopleworksservices.com/
        ?apiKey=TU-TOKEN
        &resourceName=Tu%20Recurso
        &userName=Visitante
        &baseUrl=https://copilotapi.peopleworksservices.com/"
    style="position:fixed; bottom:0; right:0;
           width:120px; height:120px; border:none;
           background:transparent; z-index:99999;"
    allowtransparency="true"
></iframe>
🟢
Modo Embebido

Chat siempre visible integrado en tu pagina. Perfecto para portales de documentacion y bases de conocimiento.

HTML - Chat Embebido
<iframe
    src="https://peopleworkscopilotwidget.peopleworksservices.com/assist
        ?apiKey=TU-TOKEN
        &resourceName=Tu%20Recurso
        &userName=Visitante
        &baseUrl=https://copilotapi.peopleworksservices.com/"
    width="400"
    height="600"
    style="border:none; border-radius:16px;
           box-shadow: 0 10px 40px rgba(0,0,0,0.2);"
></iframe>
💡 Consejo Pro

La diferencia entre los modos es la ruta: / para FAB flotante, /assist para chat embebido. Ambos usan los mismos parametros.

Configuracion

Parametros de URL

Configura el widget pasando parametros en la URL del iframe

Parametro Descripcion Tipo
apiKey REQUERIDO Token de autenticacion de la compania string (UUID)
resourceName REQUERIDO Nombre del recurso con los documentos (URL encoded) string
userName REQUERIDO Identificador del usuario que chatea string
baseUrl REQUERIDO URL de la API de PeopleWorks Copilot URL
prompt OPCIONAL Mensaje inicial pre-cargado en el input string
Ejemplo Completo
<!-- Widget FAB con todos los parametros -->
<iframe
    src="https://peopleworkscopilotwidget.peopleworksservices.com/?apiKey=e012ed6d-93f9-469f-94f6-40592ebbb861&resourceName=Documentacion%20Copilot&userName=Visitante&baseUrl=https://copilotapi.peopleworksservices.com/&prompt=Hola%2C%20necesito%20ayuda"
    style="position:fixed; bottom:0; right:0; width:120px; height:120px; border:none; background:transparent; z-index:99999;"
    allowtransparency="true"
></iframe>
Caracteristicas

Todo lo que Necesitas

🔍

RAG Inteligente

Busqueda semantica en tus documentos con respuestas precisas basadas en contexto

💬

Chat Conversacional

Sesiones con memoria de contexto para conversaciones naturales multi-turno

Streaming Real-Time

Respuestas en tiempo real via SignalR para una experiencia fluida

🔒

Multi-Tenant

Aislamiento completo por token. Cada cliente ve solo sus documentos

🌐

Cross-Origin

CSP configurado para embeber desde cualquier dominio sin restricciones

👍

Feedback Loop

Like/Dislike integrado para mejorar las respuestas continuamente

🎯 Casos de Uso

Donde Brilla

📚 Documentacion Tecnica

Permite a usuarios buscar y preguntar sobre manuales, APIs, y guias tecnicas sin navegar paginas

🏢 Intranet Corporativa

Asistente de RRHH que responde sobre politicas, beneficios, y procedimientos internos

🛒 E-Commerce

Soporte pre-venta que conoce el catalogo de productos y responde dudas de clientes

🎓 Plataformas Educativas

Tutor virtual que ayuda a estudiantes con el contenido del curso

🏥 Portales de Salud

Informacion sobre servicios, horarios, y preparacion para procedimientos

🏛 Gobierno Digital

Guia ciudadana sobre tramites, requisitos, y servicios publicos

🛠 Soporte

Necesitas Ayuda?

💻

CLI Guide

Guia del CLI para subir documentos