Wie installiert man einen Live-Chat auf einer Docusaurus-Website?

Sojan

Sojan

Zuletzt aktualisiert am Jul 22, 2026

Chatwoot integriert sich nahtlos mit Docusaurus über das @chatwoot/docusaurus-plugin. Dieses Plugin hilft Ihnen, das Chatwoot Live-Chat-Widget ganz einfach auf einer Docusaurus-basierten Website zu installieren.

Um das Plugin zu installieren, folgen Sie den unten erklärten schnellen Schritten.

Schritt 1. Fügen Sie das Plugin zu Ihrem Projekt hinzu.

yarn add @chatwoot/docusaurus-plugin

oder

npm install @chatwoot/docusaurus-plugin --save

Schritt 2. Konfigurieren Sie das Plugin in docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@chatwoot/docusaurus-plugin"],
  themeConfig: {
    chatwoot: {
      websiteToken: "Ihr Website-Inbox-Token",
      baseURL: "https://app.chatwoot.com",  // optional
      enableInDevelopment: false,  // optional
      chatwootSettings: {
        hideMessageBubble: false,
        position: "left", // Dies kann left oder right sein
        locale: "de", // Einzustellende Sprache
        useBrowserLanguage: false, // Widget-Sprache anhand des Browser des Nutzers setzen
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Chatten Sie mit uns",
      }
    }
  }
};