Integrate Docusaurus with CrawlChat

Learn how to add "Ask AI" Chatbot to your Docusaurus based sites. This guide explains both adding the docs as knowledge base and embedding the Chatbot

Let's see how to integrate CrawlChat with Docusaurus based docs sites

Let's first learn how to add the docs as knowledge base

Go to the collection you want to add the docs as knowledge base

Or create a new collection if you want a brand new one for the knowledge base

Go to Knowledge page

Click Add group for the docs

Select Docusaurus based from the source list

Go to your docs site. Copy the URL of the docs site. In this example, we take Docusaurus docs

Give the group a name. Example: Docs

Paste the copied URL. It fetches the docs from this URL

You can list the versions which you don't want to be added as knowledge. Example, we give 2.x here

Click Create button to finalise the group and create it

Here is the group we created. It prefills with all required settings for Docusaurus

We are all set to start the fetching process! Hit the refresh button to start fetching the docs

Go to Knowledge items

You can see the pages it is fetching to confirm it

Now, let's see how to integrate the Ask AI button to the Docusaurus docs site

Click Integrations

Go to Embed tab to configure and embed the Chatbot

Customise the Ask AI button as per your liking and branding

Go to Docusaurus tab to find Docusaurus specific integration details

Here is the embed config to be placed in your docusaurus.config.js file

Click the copy button

Open the docusaurus.config.js file from your Docusaurus project

Paste the copied config at the root level and save it. Restart the dev server or deploy it on production

Open your docs page

You can see that the Ask AI button on the page!

Happy CrawlChat integration with you Docusaurs site!

You successfully completed the guide!

Create knowledge group