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.

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 tools
ChattyBox
Book a demo
Start straight away
Pricing hidden or sales-led
Public pricing
Enterprise-focused
Built for docs sites, small teams, OSS, and SaaS
Sales conversation first
Test 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 documentation content.
  • Source citations send users back to the exact docs page.
  • The widget installs without replacing your documentation platform.
  • Analytics reveal the questions your documentation does not answer yet.

Setup workflow

1

Enter your documentation URL or sitemap in ChattyBox.

2

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

3

Test real user questions and verify source citations.

4

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

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.
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?v=7';
    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}</>;
}

Common questions

Can ChattyBox crawl a Docusaurus site?

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

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.

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.

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.