Skip to main content
Docusaurus Docs Support

Add an AI chatbot to your Docusaurus Documentation

Turn your Docusaurus docs into an AI support assistant that cites the exact pages it used. Keep your docs stack, add one embeddable widget.

Crawls published docs pages
Source-cited answers
Embeds with one script
No docs migration required
Ask ChattyBox
x
Where should I start if I need a reliable answer from this site?
Start by adding your website URL to ChattyBox. It crawls your content, answers from the pages it finds, and shows visitors the sources behind each response.
iSources3^
Docusaurus guide
chattybox.ai
Analytics
chattybox.ai
Home
chattybox.ai
Ask a question...
Powered by ChattyBox
Self-serve setup

No sales call required

Some AI support tools make you book a demo before you can even test the product. ChattyBox is self-serve: add your site, crawl your docs, test the chatbot, and embed it when you are ready.

Traditional AI support toolsBook a demo
ChattyBoxStart straight away
Traditional AI support toolsPricing hidden or sales-led
ChattyBoxPublic pricing
Traditional AI support toolsEnterprise-focused
ChattyBoxBuilt for docs sites, small teams, OSS, and SaaS
Traditional AI support toolsSales conversation first
ChattyBoxTest it yourself first
Built for Docusaurus teams

Launch a source-cited chatbot without rebuilding your docs stack

ChattyBox crawls your existing documentation, indexes the content for retrieval, and embeds a chatbot that answers using your docs instead of generic model memory.

Answers are grounded in your published website, docs, help, or CMS content.
Source citations send users back to the exact docs page.
The widget installs without replacing your website, docs, CMS, or help platform.
Analytics reveal the questions your content does not answer yet.
Workflow step

Enter your website, documentation, help center, CMS, or sitemap URL in ChattyBox.

Workflow step

Let the crawler extract pages, headings, and readable text.

Workflow step

Test real user questions and verify source citations.

Workflow step

Embed the widget with one script tag and monitor unanswered questions.

Three-step launch

Paste your Docusaurus URL, test cited answers, then install the widget.

Create your chatbot
Install path

How to add ChattyBox to Docusaurus

Create a Docusaurus theme Root component, add the widget script after your docs are scraped, and deploy. Your visitors can then ask questions from any docs page.

  1. 1Create a ChattyBox project and enter your Docusaurus docs URL or sitemap.
  2. 2Test real Docusaurus questions in the dashboard and confirm citations point to the right pages.
  3. 3Add the widget script in src/theme/Root.tsx so it loads across your documentation site.
Create your chatbot
src/theme/Root.tsx
tsx
import React, { useEffect } from 'react';

export default function Root({ children }) {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'https://chattybox.ai/widget.js';
    script.async = true;
    script.setAttribute('data-api-key', 'YOUR_API_KEY');
    script.setAttribute('data-api-url', 'https://app.chattybox.ai');
    script.setAttribute('data-chattybox-widget', 'true');
    document.body.appendChild(script);

    return () => script.remove();
  }, []);

  return <>{children}</>;
}
FAQ

Common questions

1

Can ChattyBox crawl a Docusaurus site?

Yes. ChattyBox can crawl public Docusaurus documentation pages or use a sitemap URL to discover docs content.

2

Do I need to change my Docusaurus theme?

No. You embed ChattyBox with a script tag, so it works alongside your existing Docusaurus theme and deployment.

3

Will answers link back to Docusaurus pages?

Yes. Answers can include citations that point users back to the exact documentation pages used for the response.

4

Can I test the bot before installing it?

Yes. You can test scraped content in the dashboard before copying the widget snippet to your Docusaurus site.