01
Explorer les pages générées
Indexez les itinéraires publics VitePress, les guides, les pages de référence et les exemples de votre site ou plan de site déployé.
Prise en charge des documents VitePress
Ajoutez un chatbot IA à votre Documents VitePress
ChattyBox transforme la documentation VitePress en un assistant d'assistance en libre-service qui répond à partir de vos guides publiés, des références API et des exemples avec des liens vers les pages sources.
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
Aucune carte de crédit requiseVotre contenu reste à vous
Demander à ChattyBox
xPar 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^
VitePress Guide
chattybox.ai
Statistiques
chattybox.ai
Accueil
chattybox.ai
Posez une question...
Propulsé par ChattyBox
Conçu pour Les équipes VitePress
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.
Explorez les itinéraires HTML, les guides, les références API et les exemples générés par VitePress.
Répondez à partir des pages VitePress déployées sans reconstruire ni migrer le contenu.
Citez le guide exact, la page de configuration ou l'exemple utilisé pour chaque réponse.
Utilisez des questions répétées pour trouver les sections VitePress qui nécessitent des documents plus clairs.
Étape du workflow
Entrez l'URL de votre documentation VitePress ou votre plan de site dans ChattyBox.
Étape du workflow
Consultez les guides explorés, les références API et le contenu des documents versionnés.
Étape du workflow
Posez de vraies questions d'assistance et vérifiez que les citations pointent vers les bonnes pages.
Étape du workflow
Ajoutez le script du widget à votre thème ou shell de site VitePress.
Un lancement en trois étapes
Collez votre URL VitePress, testez les réponses citées, puis installez le widget.
Déploiement de VitePress
Utilisez votre contenu VitePress existant comme base de connaissances
Les équipes choisissent VitePress pour des documents rapides et une expérience de développeur raffinée. ChattyBox conserve cette pile intacte tout en facilitant l'interrogation du contenu.
02
Préserver la propriété des documents
Les écrivains continuent de mettre à jour Markdown et le chatbot s'actualise à partir de la source de vérité publiée.
03
Prise en charge du contenu versionné
Utilisez des projets distincts ou effacez les étendues d'URL lorsque vous avez besoin de réponses différentes pour différentes versions de documents.
04
Intégrer sans reconstruction
Ajoutez le script de widget auquel appartient le JavaScript personnalisé dans votre thème ou mise en page VitePress.
Parcours d’installation
Comment ajouter ChattyBox à VitePress
Ajoutez le script du widget dans votre entrée de thème VitePress afin qu'il se charge à côté du thème par défaut une fois que vos documents ont été explorés et testés.
- 1Créez un projet ChattyBox et entrez l'URL de vos documents VitePress ou votre plan de site.
- 2Consultez les guides explorés, les références API, les exemples et les itinéraires versionnés.
- 3Ajoutez le script du widget dans .vitepress/theme/index.ts pour qu'il se charge sur les pages du navigateur.
.vitepress/theme/index.ts
tsx
import DefaultTheme from 'vitepress/theme';
import { inBrowser } from 'vitepress';
export default {
extends: DefaultTheme,
enhanceApp() {
if (!inBrowser) return;
const script = document.createElement('script');
script.src = 'https://chattybox.ai/widget.js';
script.async = true;
// Replace YOUR_API_KEY with your ChattyBox project API key.
script.setAttribute('data-api-key', 'YOUR_API_KEY');
script.setAttribute('data-api-url', 'https://adorable-woodpecker-629.convex.site/chat');
script.setAttribute('data-chattybox-widget', 'true');
document.body.appendChild(script);
},
};À explorer ensuite
Plus de façons d’utiliser ChattyBox
01
Hub des plateformes
Parcourez les pages de chatbot IA spécifiques à la plateforme pour les créateurs de sites Web, les cadres de documentation, les outils CMS, les centres d'aide et les bases de connaissances.
Ouvrir
02
Chatbot IA avec citations des sources
Montrez aux utilisateurs les pages sources exactes qui prennent en charge chaque réponse de l'IA.
Ouvrir
03
Configuration des widgets
Installez le widget ChattyBox sur votre site Web, vos documents, votre centre d'aide ou le shell de votre application.
Ouvrir
04
Guide d’implémentation
Utilisez la liste de contrôle de lancement étape par étape pour le déploiement du chatbot de documentation.
Ouvrir
Questions fréquentes
Questions fréquentes
ChattyBox peut-il explorer les documents VitePress ?
Oui. ChattyBox peut explorer les pages publiques VitePress ou un plan de site généré par votre site de documentation déployé.
Les réponses citeront-elles les pages VitePress ?
Oui. Les réponses peuvent inclure des liens vers les guides exacts, les pages API ou des exemples utilisés pour répondre.
Dois-je migrer depuis VitePress ?
Non. ChattyBox s'intègre à côté de votre site VitePress existant et utilise les pages publiées comme contenu source.
Puis-je le tester avant d'installer le widget ?
Oui. Explorez vos documents et testez les questions des représentants dans le tableau de bord avant d'ajouter le widget.
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.