Skip to content

Widget Integrable

El widget de Queria es una interfaz de chat completa que puedes incrustar en cualquier sitio web, portal o aplicacion. Ofrece las mismas funcionalidades IA de la plataforma principal en formato compacto y personalizable.

Que es el widget

El widget es una ventana de chat que aparece en una esquina de tu sitio web. Los visitantes pueden interactuar con la IA de Queria directamente desde tu pagina, sin necesidad de acceder a la plataforma. El widget usa la arquitectura Cog-RAG para proporcionar respuestas basadas en tus documentos empresariales.

Casos de uso

  • Atencion al cliente: respuestas automaticas basadas en la documentacion empresarial
  • Busqueda documental: permite a los usuarios buscar en tus archivos mediante lenguaje natural
  • Soporte tecnico: manuales y guias accesibles mediante preguntas conversacionales
  • FAQ inteligentes: sustituye las FAQ estaticas con un asistente IA dinamico
  • Portales internos: integra la busqueda IA en intranet y herramientas empresariales

Como integrar el widget

Snippet HTML

Anade el siguiente codigo antes del cierre de </body> en tu sitio:

html
<script
  src="https://tu-dominio-queria/widget/embed.js"
  data-api-key="TU_API_KEY"
  data-theme="light"
  data-position="bottom-right"
  async>
</script>

Parametros de configuracion

ParametroValoresDescripcion
data-api-keyStringAPI key de tu empresa (obligatorio)
data-themelight, dark, autoTema grafico del widget
data-positionbottom-right, bottom-leftPosicion en pantalla
data-primary-colorCodigo hexColor principal del widget
data-titleTextoTitulo mostrado en la cabecera
data-placeholderTextoPlaceholder en el campo de entrada
data-welcomeTextoMensaje de bienvenida inicial
data-languageit, enIdioma de la interfaz

Funcionalidades del widget

El widget ofrece un subconjunto enfocado de las funcionalidades de la plataforma:

  • Conversacion IA: mismas capacidades de comprension y generacion que la plataforma completa
  • Respuestas basadas en topic: limita las respuestas a los topics configurados para el widget
  • Citas trazables: cada respuesta incluye referencias a las fuentes utilizadas
  • Badges de fuente: identificacion visual del origen de la informacion
  • Responsive: se adapta automaticamente a desktop, tablet y smartphone
  • Historial de sesion: la conversacion persiste durante la sesion del navegador

Autenticacion

El widget se autentica mediante una API key especifica para tu empresa:

  • La key se genera desde el panel de administracion de Queria
  • Cada key esta asociada a una empresa y sus documentos
  • Puedes regenerarla en cualquier momento por seguridad
  • La API key determina que documentos y fuentes son accesibles desde el widget

Personalizacion

Aspecto grafico

Adapta el widget al look de tu sitio:

  • Color primario: boton, cabecera y acentos
  • Tema claro u oscuro: coherente con el diseno de tu sitio
  • Modo auto: sigue las preferencias del sistema del usuario
  • Titulo personalizado: muestra el nombre de tu servicio

Comportamiento

Configura el comportamiento del widget:

  • Mensaje de bienvenida: primer mensaje mostrado al abrir
  • Topics predefinidos: limita las respuestas a areas tematicas especificas
  • Idioma: interfaz en italiano o ingles

Endpoints API publicos

El widget se comunica con la plataforma mediante endpoints publicos dedicados:

  • Chat streaming: envio de mensajes y recepcion en streaming
  • Sesiones: gestion de la sesion conversacional
  • Upload: subida de documentos temporales para analisis

Todos los endpoints requieren la API key en la cabecera de la peticion.

Consideraciones tecnicas

  • El widget se carga de forma asincrona y no ralentiza tu sitio
  • Las comunicaciones estan cifradas via HTTPS
  • El widget es compatible con todos los navegadores modernos
  • El peso del script es contenido para no impactar en el rendimiento de la pagina

TIP

Configura un topic especifico para el widget, asi las respuestas se centraran en los temas relevantes para los visitantes de tu sitio. Sube al Knowledge Base asociado al topic las FAQ y los documentos mas importantes para tus usuarios.


Queria v3.5.0 -- Arquitectura Cog-RAG

Queria - Document Intelligence con Cog-RAG