¿Cómo instalar un chat en vivo en un sitio web de Docusaurus?

Sojan

Sojan

Última actualización el Jul 17, 2026

Chatwoot se integra perfectamente con Docusaurus mediante el plugin @chatwoot/docusaurus-plugin. Este plugin te ayuda a instalar fácilmente el widget de chat en vivo de Chatwoot en un sitio web impulsado por Docusaurus.

Para instalar el plugin, sigue los pasos rápidos que se explican a continuación.

Paso 1. Añade el plugin a tu proyecto.

yarn add @chatwoot/docusaurus-plugin

o

npm install @chatwoot/docusaurus-plugin --save

Paso 2. Configura el plugin en docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Your website inbox token",
      baseURL: "https://app.chatwoot.com",  // opcional
      enableInDevelopment: false,  // opcional
      chatwootSettings: {
        hideMessageBubble: false,
        position: "left", // Esto puede ser left o right
        locale: "en", // Idioma a configurar
        useBrowserLanguage: false, // Establecer el idioma del widget desde el navegador del usuario
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Chatea con nosotros",
      }
    }
  }
};