01
API de cliente escrita
Utilice un cliente compatible con TypeScript enfocado para mensajes, conversaciones de seguimiento, configuración de widgets y etiquetas localizadas.
Abrir SDK de JavaScript
Crea un chatbot personalizado con nuestro SDK de JavaScript
Utilice @openstaticfish/chattybox para ser propietario de la interfaz mientras ChattyBox ejecuta la recuperación, las citas de fuentes, las conversaciones y el escalado. La clave API segura para el navegador identifica su proyecto y puede restringirse a orígenes aprobados.
Rastrea páginas de documentos publicadosRespuestas citadas en la fuenteIncrustado con un scriptNo se requiere migración de documentosNo se requiere tarjeta de créditoTu contenido sigue siendo tuyo
Preguntar a ChattyBox
¿Por dónde debería empezar si necesito una respuesta fiable de este sitio?
Empieza añadiendo la URL pública de tu sitio a ChattyBox. Recupera contenido indexado para orientar las respuestas y puede mostrar enlaces a páginas fuente para que los visitantes las revisen. Prueba las respuestas y los mensajes de respaldo antes del lanzamiento.
iFuentes3^
SDK de JavaScript guía
chattybox.ai
Analítica
chattybox.ai
Inicio
chattybox.ai
Conversación ilustrativa: no es un chat en directo.
Con tecnología de ChattyBox
Lance un chatbot con citas de fuentes sin reconstruir su pila web
ChattyBox rastrea su sitio web, documentación, centro de ayuda, CMS o base de conocimientos existentes y luego inserta un chatbot que responde a partir de su propio contenido publicado, en lugar de la memoria genérica del modelo.
Instale un paquete ESM escrito desde npm con Bun o su administrador de paquetes preferido.
Cree su propia representación de mensajes, estado de conversación, citas y diseño de interacción.
Utilice la misma infraestructura de respuesta basada en fuente y recuperación administrada que el widget alojado.
Las claves públicas de navegador funcionan entre orígenes por defecto; las restricciones de origen exacto son protección adicional opcional, no autenticación.
Paso del flujo de trabajo
Cree un proyecto ChattyBox, indexe su contenido y pruebe las preguntas de los representantes.
Paso del flujo de trabajo
Crea una clave API pública del widget; opcionalmente, restríngela a los orígenes de tu aplicación.
Paso del flujo de trabajo
Instale @openstaticfish/chattybox e inicialice el cliente con la URL de API desde el panel.
Paso del flujo de trabajo
Presente las respuestas y las URL de origen citadas en la interfaz que su producto necesita.
Lanzamiento en tres pasos
Pegue su URL SDK de JavaScript, pruebe las respuestas citadas y luego instale el widget.
Infraestructura de chat sin cabeza
Sea dueño de la experiencia del producto, no del proceso de recuperación
El SDK es la ruta recomendada para integraciones dirigidas por desarrolladores que necesitan una interfaz de usuario personalizada, un estado de la aplicación o flujos de trabajo específicos del producto.
Camino de decisión
Utilice estos puntos de control para decidir si ChattyBox debe sentarse junto a su plataforma de documentos, reemplazar a un asistente independiente o permanecer aislado para realizar pruebas.
02
Citas de fuentes
Reciba URL de origen con cada respuesta fundamentada y decida exactamente cómo aparecen en su interfaz.
03
Continuidad de la conversación
Reutiliza el mismo conversationId en las preguntas de seguimiento para incluir hasta 12 mensajes recientes guardados como contexto del modelo, cada uno recortado a 2.000 caracteres. Es contexto limitado, no la transcripción completa; mantén los IDs separados entre visitantes no relacionados.
04
Límites transparentes
Su aplicación posee diseño de representación e interacción; ChattyBox opera rastreo, recuperación, generación y escalado.
Ruta de instalación
Instale el SDK del chatbot de JavaScript
El paquete funciona en el navegador actual y en las aplicaciones Node.js que proporcionan recuperación. Utilice la URL API del widget exacta y la clave pública del navegador que se muestran en la pestaña Insertar de su proyecto.
- 1Instale @openstaticfish/chattybox desde npm.
- 2Inicialice un cliente Chattybox con su clave API pública y la URL de API del widget.
- 3Envíe un mensaje y muestre la respuesta devuelta, el ID de la conversación y las URL de origen.
chat.ts
ts
import { Chattybox } from '@openstaticfish/chattybox';
// Replace these placeholders with the public key and widget API URL from Embed.
const chattybox = new Chattybox({
apiKey: 'YOUR_PUBLIC_WIDGET_KEY',
baseUrl: 'YOUR_WIDGET_API_URL',
});
const answer = await chattybox.sendMessage({
message: 'How do I get started?',
});
console.log(answer.message, answer.sources);Explora lo siguiente
Más formas de usar ChattyBox
01SDK de chatbot de reacciónAdministre el estado del chat y las respuestas citadas en una interfaz React personalizada.02Chatbot de IA Next.jsUtilice el SDK de forma segura en los límites del servidor y del cliente de App Router.03Referencia del SDK de JavaScriptRevise los métodos del cliente, los campos de respuesta, las conversaciones y los errores.04Instalación de widget alojadoElija la interfaz de usuario mantenida sin compilación cuando no necesite una representación personalizada.05Paquete público de npmRevise las versiones publicadas, los metadatos del paquete y el comando de instalación en npm.06Repositorio de código fuente en GitHubExamine el repositorio de código fuente, las versiones, los problemas y el historial del proyecto en GitHub.
Preguntas frecuentes
Preguntas comunes
1
¿Qué es un SDK de chatbot JavaScript sin cabeza?
Es una biblioteca cliente que proporciona transporte de chat y datos de respuesta sin prescribir la interfaz. Su aplicación representa mensajes, fuentes, estados de carga y controles.
2
¿El SDK de JavaScript de ChattyBox es público en npm?
Sí. Instale @openstaticfish/chattybox desde npm y use la API pública documentada en la página de referencia del SDK.
3
¿El SDK incluye recuperación y citas de fuentes?
El SDK llama a la infraestructura administrada de ChattyBox, que recupera su contenido indexado y devuelve el mensaje generado con las URL de origen citadas.
4
¿Debo utilizar el SDK o widget.js?
Utilice el SDK cuando su equipo tenga una interfaz o un flujo de trabajo personalizado. Utilice widget.js cuando desee que ChattyBox mantenga una interfaz de usuario de chat lista para usar y sin compilación.
Empieza gratis
No se requiere tarjeta de crédito
Crear chatbot gratis
Plan Free. Sin tarjeta.