Comment installer un chat en direct sur un site web Docusaurus ?

Sojan

Sojan

Dernière mise à jour le Jul 31, 2026

Chatwoot s'intègre parfaitement avec Docusaurus grâce au plugin @chatwoot/docusaurus-plugin. Ce plugin vous permet d'installer facilement le widget de chat en direct Chatwoot sur un site web propulsé par Docusaurus.

Pour installer le plugin, suivez les étapes rapides expliquées ci-dessous.

Étape 1. Ajoutez le plugin à votre projet.

yarn add @chatwoot/docusaurus-plugin

ou

npm install @chatwoot/docusaurus-plugin --save

Étape 2. Configurez le plugin dans docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Votre jeton de boîte de réception du site web",
      baseURL: "https://app.chatwoot.com",  // optionnel
      enableInDevelopment: false,  // optionnel
      chatwootSettings: {
        hideMessageBubble: false,
        position: "left", // Cela peut être left ou right
        locale: "fr", // Langue à définir
        useBrowserLanguage: false, // Définir la langue du widget depuis le navigateur de l'utilisateur
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Discutez avec nous",
      }
    }
  }
};