¿Puede ChattyBox rastrear un sitio Docusaurus?
Sí. ChattyBox puede rastrear páginas de documentación públicas Docusaurus o utilizar una URL de mapa del sitio para descubrir contenido de documentos.
Un chatbot de IA para Docusaurus para redactores técnicos, DevRel y equipos de soporte. ChattyBox rastrea tus documentos de Docusaurus, responde preguntas como «¿Cómo configuro el versionado?» desde esas páginas y cita la fuente que utilizó. Sin RAG personalizado y sin migración.
Algunas herramientas de soporte de IA le obligan a reservar una demostración incluso antes de que pueda probar el producto. ChattyBox es de autoservicio: agregue su sitio, rastree sus documentos, pruebe el chatbot e insértelo cuando esté listo.
ChattyBox rastrea su documentación existente, indexa el contenido para su recuperación e incorpora un chatbot que responde utilizando sus documentos en lugar de la memoria del modelo genérico.
Elige el sitemap de producción de Docusaurus o un conjunto intencional de rutas de documentación actuales, versionadas y localizadas.
Rastrea las rutas seleccionadas y luego prueba preguntas contra la versión y el idioma exactos que usan tus visitantes.
Instala un único cargador persistente en src/theme/Root.tsx y permite los orígenes de su script y de su API en tu Política de Seguridad de Contenido.
Navega entre páginas de documentación sin recarga y verifica una sola instancia del widget, citas funcionales y sin errores de consola o de CSP.
Lanzamiento en tres pasos
Docusaurus renderiza una aplicación React persistente en torno a los cambios de ruta del lado del cliente. El wrapper Root probado, por tanto, crea un único cargador, reconoce los montajes posteriores por ID y deja el cargador en su sitio en lugar de eliminar un widget aún activo durante los remontajes de desarrollo.
Vuelve a comprobar el ciclo de vida de Root, la salida del sitemap y los orígenes de CSP tras una actualización importante de Docusaurus o un cambio de endpoint del widget.
| Preocupación de Docusaurus | Decisión de implementación | Verificación |
|---|---|---|
| Root y navegación de cliente | Crea el script asíncrono una sola vez mediante un ID estable. No devuelvas una limpieza desde el efecto porque Root y el widget están pensados para persistir entre rutas. | Abre dos enlaces internos de documentación y confirma que document.querySelectorAll("#chattybox-widget").length es 1. |
| Política de Seguridad de Contenido | Permite chattybox.ai en script-src, el origen configurado de la API en connect-src, fonts.googleapis.com en style-src y fonts.gstatic.com en font-src. El widget actual inyecta su CSS de componente, de modo que un style-src estricto también necesita 'unsafe-inline' hasta que exista una compilación con nonce o con hoja de estilos externa. | Recarga con DevTools abierto y confirma que no haya solicitudes de script, estilo, fuente, fetch o WebSocket bloqueadas. |
| Versiones, idiomas y alcance del sitemap | Inspecciona el sitemap desplegado antes de rastrear. Incluye solo las rutas de versión e idioma soportadas, o usa fuentes separadas cuando los públicos no deban recibir respuestas entre versiones. | Haz la misma pregunta específica de versión en cada idioma indexado y comprueba que cada cita conserve el prefijo de ruta esperado. |
| Widget faltante o duplicado | Comprueba la clave de API, el ID del cargador, los mensajes de consola de CSP, la respuesta del script y si otro componente del tema también inyecta el widget. | Prueba una compilación de producción, no solo la recarga en caliente, e inspecciona los paneles de Elements y Network tras la navegación. |
Una prueba de aceptación útil pregunta por un ajuste cuya respuesta puede diferir según la versión y luego abre la cita para verificar tanto la afirmación como la URL versionada.
Crea un componente Root del tema de Docusaurus, añade el script del widget después de rastrear tus documentos y despliégalo. Tus visitantes podrán entonces hacer preguntas desde cualquier página de documentos.
import React, { useEffect, type ReactNode } from 'react';
const WIDGET_ID = 'chattybox-widget';
export default function Root({ children }: { children: ReactNode }) {
useEffect(() => {
if (document.getElementById(WIDGET_ID)) return;
const script = document.createElement('script');
script.id = WIDGET_ID;
script.src = 'https://chattybox.ai/widget.js';
script.async = true;
script.dataset.apiKey = 'YOUR_API_KEY';
script.dataset.apiUrl = 'https://adorable-woodpecker-629.convex.site/chat';
script.dataset.chattyboxWidget = 'true';
document.body.appendChild(script);
}, []);
return <>{children}</>;
}Vea cómo funcionan las respuestas citadas en fuentes en sitios y plataformas de documentación técnica.
Ayude a los desarrolladores a resolver preguntas de configuración, SDK, API y errores de sus guías más rápidamente.
Compare el mismo flujo de trabajo fuente citado para los sitios MkDocs y Material para MkDocs.
Encuentre guías de configuración para VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo y más plataformas de documentos.
Sí. ChattyBox puede rastrear páginas de documentación públicas Docusaurus o utilizar una URL de mapa del sitio para descubrir contenido de documentos.
No. Usted integra ChattyBox con una etiqueta de secuencia de comandos, por lo que funciona junto con su tema e implementación Docusaurus existentes.
Sí. Las respuestas pueden incluir citas que indiquen a los usuarios las páginas de documentación exactas utilizadas para la respuesta.
Sí. Puede probar el contenido extraído en el panel antes de copiar el fragmento del widget a su sitio Docusaurus.
No se requiere tarjeta de crédito. Tu contenido no se usa para entrenar modelos.
Plan Free. Sin tarjeta.