Skip to main content

Install Chatwoot live-chat on Docusaurus website

Chatwoot has an official integration with Docusaurus using the plugin @chatwoot/docusaurus-plugin. This plugin enables Chatwoot live-chat widget in Docusaurus powered websites.

To install the plugin, follow the steps mentioned below.

  1. Add the plugin to your project.
yarn add @chatwoot/docusaurus-plugin


npm install @chatwoot/docusaurus-plugin --save
  1. Configure the plugin in docusaurus.config.js
// docusaurus.config.js
module.exports = {
plugins: ["@chatwoot/docusaurus-plugin"],
themeConfig: {
chatwoot: {
websiteToken: "Your website inbox token",
baseURL: "", // optional
enableInDevelopment: false, // optional
chatwootSettings: {
hideMessageBubble: false,
position: "left", // This can be left or right
locale: "en", // Language to be set
useBrowserLanguage: false, // Set widget language from user's browser
darkMode: "auto", // [light, auto]
type: "expanded_bubble",
launcherTitle: "Chat with us",