Guía Completa para Instalar Chat en Vivo WhatChat en un Sitio Web Docusaurus

WhatChat se integra de manera fluida con Docusaurus a través del @whatchat/docusaurus-plugin. Este complemento facilita la instalación del widget de chat en vivo de WhatChat en un sitio web desarrollado con Docusaurus.

Para instalar el complemento, sigue los sencillos pasos que se explican a continuación.

Paso 1. Agrega el complemento a tu proyecto.

yarn add @whatchat/docusaurus-plugin

o

npm install @whatchat/docusaurus-plugin --save

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

// docusaurus.config.js
module.exports = {
  plugins: ["@whatchat/docusaurus-plugin"],
  themeConfig: {
    whatchat: {
      websiteToken: "Tu token de bandeja de entrada del sitio web",
      baseURL: "https://app.whatchat.com",  // opcional
      enableInDevelopment: false,  // opcional
      whatchatSettings: {
        hideMessageBubble: false,
        position: "left", // Puede ser izquierda o derecha
        locale: "es", // Idioma a establecer
        useBrowserLanguage: false, // Establece el idioma del widget desde el navegador del usuario
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Chatea con nosotros",
      }
    }
  }
};