Install UniLink live-chat on Docusaurus website

UniLink has an official integration with Docusaurus using the plugin @chatwoot/docusaurus-plugin. This plugin enables UniLink 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

or

npm install @chatwoot/docusaurus-plugin --save

2. Configure the plugin in docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Your website inbox token",
      baseURL: "https://app.chatwoot.com", // 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",
      },
    },
  },
};