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!