How to install live chat on a Docusaurus website

VowChat integrates seamlessly with Docusaurus via the @vowchat/docusaurus-plugin. This plugin helps you easily install the VowChat live-chat widget on a Docusaurus-powered website.

To install the plugin, follow the quick steps explained below.

Step 1. Add the plugin to your project

yarn add @vowchat/docusaurus-plugin

or

npm install @vowchat/docusaurus-plugin --save

Step 2. Configure the plugin in docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@vowchat/docusaurus-plugin"],
  themeConfig: {
    vowchat: {
      websiteToken: "Your website channel token",
      baseURL: "https://app.vowchat.ai",  // optional
      enableInDevelopment: false,  // optional
      vowchatSettings: {
        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",
      }
    }
  }
};

That's it! Your Docusaurus website now has the VowChat live chat widget installed and configured.