Astro Starlight Docs Support

Add a source-cited chatbot to Starlight docs

ChattyBox helps Starlight documentation visitors ask natural-language questions and get answers grounded in your published docs, guides, and API reference pages.

Crawls published docs pages

Source-cited answers

Embeds with one script

No docs migration required

Create your Starlight chatbot Browse platform guides

No credit card requiredYour content stays yours

Ask ChattyBox

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^

Starlight guide

chattybox.ai

Analytics

chattybox.ai

Home

chattybox.ai

Ask a question...

Built for Astro Starlight 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.

Index public Starlight guides, reference pages, component docs, and examples.

Keep writing in Astro and MDX while ChattyBox answers from deployed pages.

Send readers back to the exact Starlight page that supports each response.

Spot missing setup, configuration, and troubleshooting docs from real questions.

Workflow step

Connect the public URL or sitemap for your Starlight docs site.

Workflow step

Let ChattyBox crawl guides, reference pages, navigation content, and examples.

Workflow step

Test developer questions and inspect the cited source pages.

Workflow step

Install the widget where your Starlight site allows custom scripts.

Three-step launch

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

Create your Starlight chatbot

Starlight rollout

Give Starlight users answers without changing your docs stack

Keep publishing with Astro and Starlight while adding a support layer that helps users find the right guide faster.

Decision path

Use these checkpoints to decide whether ChattyBox should sit beside your docs platform, replace a separate assistant, or stay isolated for testing.

Works from published HTML

ChattyBox indexes the deployed pages users can already access, so your Starlight source remains unchanged.

Good fit for developer docs

Answer setup, integration, configuration, and troubleshooting questions from your guides.

Citation-first answers

Users can jump from the answer to the exact page that supports it.

Content-gap feedback

Repeated unanswered questions become a practical backlog for documentation improvements.

Install path

How to add ChattyBox to Astro Starlight

Starlight runs on Astro, so the widget can be loaded from a shared layout override or global script entry after your published docs are indexed.

1Create a ChattyBox project and crawl your public Starlight URL or sitemap.
2Test common docs questions and confirm citations point to Starlight pages.
3Load the widget script from a shared Astro component used by your docs layout.

Create your Starlight chatbot

src/components/ChattyBoxWidget.astro

astro

---
---

<script is:inline>
  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);
</script>

Explore next