Como instalar chat ao vivo em um site Docusaurus?

O Chatwoot integra-se perfeitamente com o Docusaurus por meio do @chatwoot/docusaurus-plugin. Este plugin ajuda você a instalar facilmente o widget de chat ao vivo do Chatwoot em um site baseado no Docusaurus.

Para instalar o plugin, siga os passos rápidos explicados abaixo.

Passo 1. Adicione o plugin ao seu projeto.

yarn add @chatwoot/docusaurus-plugin

ou

npm install @chatwoot/docusaurus-plugin --save

Passo 2. Configure o plugin no docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Seu token de inbox do site",
      baseURL: "https://app.chatwoot.com",  // opcional
      enableInDevelopment: false,  // opcional
      chatwootSettings: {
        hideMessageBubble: false,
        position: "left", // Pode ser left ou right
        locale: "en", // Idioma a ser definido
        useBrowserLanguage: false, // Define o idioma do widget a partir do navegador do usuário
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Converse conosco",
      }
    }
  }
};