Support docs Docusaurus

Ajoutez un chatbot IA à votre Docs Docusaurus en quelques minutes

Transformez vos docs Docusaurus en assistant de support IA qui cite les pages exactes utilisées. Gardez votre stack de docs et ajoutez un widget intégrable.

Analyse les pages de documents publiées

Réponses citées par la source

S'intègre avec un seul script

Aucune migration de documents requise

Créez votre chatbot Voir les prix

Aucune carte de crédit requiseVotre contenu reste à vous

Demander à ChattyBox

Par où commencer si j’ai besoin d’une réponse fiable depuis ce site ?

Commencez par ajouter l’URL de votre site web à ChattyBox. Il explore votre contenu, répond à partir des pages trouvées et montre aux visiteurs les sources derrière chaque réponse.

iSources citées3^

Docusaurus Guide

chattybox.ai

Statistiques

chattybox.ai

Accueil

chattybox.ai

Posez une question...

Propulsé par ChattyBox

Configuration en libre-service

Aucun appel commercial requis

Certains outils de support d'IA vous obligent à réserver une démo avant même de pouvoir tester le produit. ChattyBox est en libre-service : ajoutez votre site, explorez vos documents, testez le chatbot et intégrez-le lorsque vous êtes prêt.

Outils de support d'IA traditionnels

ChattyBox

Outils de support d'IA traditionnelsRéservez une démo

ChattyBoxCommencez tout de suite

Outils de support d'IA traditionnelsTarification cachée ou axée sur les ventes

ChattyBoxTarification publique

Outils de support d'IA traditionnelsAxé sur l'entreprise

ChattyBoxConçu pour les sites de documentation, les petites équipes, les logiciels libres et les SaaS

Outils de support d'IA traditionnelsConversation commerciale en premier

ChattyBoxTestez-le vous-même d'abord

Conçu pour les équipes Docusaurus

Lancez un chatbot avec citations de sources sans reconstruire votre stack de docs

ChattyBox explore votre documentation existante, indexe le contenu pour la recherche et intègre un chatbot qui répond avec vos docs plutôt qu’avec la mémoire générique du modèle.

Un wrapper Root de Docusaurus 3 charge le widget une seule fois pendant toute la durée de vie de l'application cliente.

Le périmètre d'exploration peut suivre les routes de documentation actuelles, versionnées, localisées ou délibérément filtrées.

Les citations renvoient les lecteurs à la page Docusaurus correspondante et conservent le chemin de sa version et de sa langue.

L'exemple reproductible couvre la prévention des doublons, la navigation côté client, la CSP et la vérification au niveau des routes.

Étape du workflow

Choisissez le plan de site Docusaurus de production ou un ensemble délibéré de routes de documentation actuelles, versionnées et localisées.

Étape du workflow

Explorez les routes sélectionnées, puis testez les questions avec la version et la langue exactes qu'utilisent vos visiteurs.

Étape du workflow

Installez un chargeur persistant unique dans src/theme/Root.tsx et autorisez les origines de son script et de son API dans votre Content Security Policy.

Étape du workflow

Naviguez entre les pages de documentation sans rechargement et vérifiez qu'il n'existe qu'une instance du widget, que les citations fonctionnent et qu'aucune erreur de console ou de CSP ne se produit.

Un lancement en trois étapes

Collez votre URL Docusaurus, testez les réponses citées, puis installez le widget.

Créez votre chatbot

Éléments éditoriaux vérifiés

Une intégration Docusaurus 3 testée, et non un script propre à une route

Docusaurus affiche une application React persistante autour des changements de route côté client. Le wrapper Root testé crée donc un chargeur unique, reconnaît les montages ultérieurs grâce à leur ID et laisse le chargeur en place au lieu de supprimer un widget encore actif lors des remontages en développement.

Auteur technique: Équipe de documentation ChattyBox
Réviseur technique: Équipe d'ingénierie ChattyBox
Dernière mise à jour: 9 juillet 2026
Informations vérifiées: Docusaurus 3.10 et widget ChattyBox actuel

Vérifiez de nouveau le cycle de vie de Root, la sortie du plan de site et les origines de la CSP après une mise à niveau majeure de Docusaurus ou une modification du point de terminaison du widget.

Composant Root de Docusaurus empêchant la duplication du script ChattyBox après une navigation côté client — Référence d'installation originale : le chargeur possède un ID stable, se charge de manière asynchrone et reste présent lorsque Docusaurus change de route.

Décisions d'installation de Docusaurus 3 et vérifications de bout en bout correspondantes.
Point d'attention pour Docusaurus	Décision d'implémentation	Vérification
Root et navigation côté client	Créez le script asynchrone une seule fois à l'aide d'un ID stable. Ne renvoyez pas de fonction de nettoyage depuis l'effet, car Root et le widget doivent persister entre les routes.	Ouvrez deux liens internes de la documentation et vérifiez que document.querySelectorAll("#chattybox-widget").length vaut 1.
Politique de sécurité du contenu	Autorisez chattybox.ai dans script-src, l'origine de l'API configurée dans connect-src, fonts.googleapis.com dans style-src et fonts.gstatic.com dans font-src. Le widget actuel injectant son propre CSS de composant, un style-src strict nécessite également 'unsafe-inline' jusqu'à ce qu'une gestion par nonce ou une feuille de styles externe soit disponible.	Rechargez la page avec DevTools ouvert et vérifiez qu'aucune requête de script, de style, de police, fetch ou WebSocket n'est bloquée.
Versions, langues et périmètre du plan de site	Examinez le plan de site déployé avant l'exploration. N'incluez que les chemins des versions et langues prises en charge, ou utilisez des sources distinctes lorsque les publics ne doivent pas recevoir de réponses provenant d'autres versions.	Posez la même question propre à une version dans chaque langue indexée et vérifiez que chaque citation conserve le préfixe de route attendu.
Widget absent ou en double	Vérifiez la clé d'API, l'ID du chargeur, les messages de CSP dans la console, la réponse du script et si un autre composant du thème injecte également le widget.	Testez une version de production, et pas seulement le rechargement à chaud, puis examinez les panneaux Elements et Network après la navigation.

Vérification d'une réponse avec citations

Tester une réponse pour laquelle le chemin de version importe

Un test d'acceptation utile porte sur un paramètre dont la réponse peut varier selon la version, puis ouvre la citation afin de vérifier à la fois l'affirmation et l'URL versionnée.

Interroger la documentation Docusaurus

Comment ouvrir par défaut la dernière version stable de la documentation ?

Dans la configuration de l'extension de documentation, définissez lastVersion sur la version que les visiteurs doivent ouvrir et utilisez onlyIncludeVersions si vous devez limiter les versions publiées. Ne conservez la route de la documentation actuelle que si vous souhaitez donner accès à une documentation non publiée.

iSources citées1^

Gestion des versions de la documentation : configuration

docusaurus.io/docs/versioning

Posez une question...

Propulsé par ChattyBox

Référence du résultat original : la réponse nomme les paramètres de version pertinents et présente le guide officiel de gestion des versions comme élément probant.

Sources primaires et éléments reproductibles

Composant Root du thème DocusaurusInstructions officielles concernant le composant de plus haut niveau qui n'est pas démonté pendant la navigation.Gestion des versions de la documentation DocusaurusComportement officiel de la documentation actuelle, des versions enregistrées, des chemins de version et de la sélection de version.Internationalisation de DocusaurusInstructions officielles sur la compilation des langues et les URL localisées.Extension de plan de site DocusaurusOptions officielles de génération et de filtrage du plan de site, ainsi que de fréquence des modifications.Exemple reproductible avec Docusaurus 3Implémentation minimale de Root.tsx et commande de vérification de l'absence de chargeur en double.

Parcours d’installation

Comment ajouter ChattyBox à Docusaurus

Créez un composant racine de thème Docusaurus, ajoutez le script de widget une fois vos documents récupérés et déployez-le. Vos visiteurs peuvent ensuite poser des questions à partir de n'importe quelle page de documentation.

1Créez un projet ChattyBox et entrez l'URL de votre document Docusaurus ou votre plan de site.
2Testez de vraies questions Docusaurus dans le tableau de bord et confirmez que les citations pointent vers les bonnes pages.
3Ajoutez le script du widget dans src/theme/Root.tsx pour qu'il se charge sur votre site de documentation.

Créez votre chatbot

src/theme/Root.tsx

tsx

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}</>;
}

À explorer ensuite

Plus de façons d’utiliser ChattyBox

Explorer toutes les solutions

Chatbot IA pour la documentation

Découvrez comment les réponses citées par la source fonctionnent sur les sites et plateformes de documentation technique.

Ouvrir

Chatbot de documentation pour développeurs

Aidez les développeurs à résoudre plus rapidement les questions de configuration, de SDK, API et d'erreur de vos guides.

Ouvrir

Chatbot IA MkDocs

Comparez le même flux de travail cité par la source pour les sites MkDocs et Material for MkDocs.

Ouvrir

Parcourez tous les guides de la plateforme

Recherchez des guides de configuration pour VitePress, Starlight, Nextra, Mintlify, ReadMe, Hugo et d'autres plateformes de documentation.

Ouvrir

Questions fréquentes

ChattyBox peut-il explorer un site Docusaurus ?

Oui. ChattyBox peut explorer des pages publiques de documentation Docusaurus ou utiliser une URL de sitemap pour découvrir le contenu des docs.

Dois-je modifier mon thème Docusaurus ?

Non. Vous intégrez ChattyBox avec une balise script, il fonctionne donc avec votre thème et votre déploiement Docusaurus existants.

Les réponses renverront-elles vers les pages Docusaurus ?

Oui. Les réponses peuvent inclure des citations qui renvoient les utilisateurs vers les pages exactes de documentation utilisées pour la réponse.

Puis-je tester le bot avant de l’installer ?

Oui. Vous pouvez tester le contenu scrapé dans le tableau de bord avant de copier l’extrait du widget sur votre site Docusaurus.

Commencer gratuitement

Aucune carte de crédit requise. Votre contenu n’est pas utilisé pour l’entraînement de modèles.

Créer un chatbot gratuit

Niveau Free. Aucune carte requise.