# Cách cài đặt live chat trên website Docusaurus?

> Tami · Cập nhật lần cuối ngày 10 thg 4, 2024

SquareHub tích hợp liền mạch với Docusaurus thông qua `@squarehub/docusaurus-plugin`. Plugin này giúp bạn dễ dàng cài đặt widget live chat của SquareHub trên website được xây dựng bằng Docusaurus.

Để cài đặt plugin, hãy làm theo các bước nhanh được hướng dẫn bên dưới.

**Bước 1.** Thêm plugin vào dự án của bạn.

```
yarn add @squarehub/docusaurus-plugin
```

hoặc

```
npm install @squarehub/docusaurus-plugin --save
```

**Bước 2.** Cấu hình plugin trong `docusaurus.config.js`

```
// docusaurus.config.js
module.exports = {
  plugins: ["@squarehub/docusaurus-plugin"],
  themeConfig: {
    squarehub: {
      websiteToken: "Your website inbox token",
      baseURL: "https://docs.squareomni.com",  // optional
      enableInDevelopment: false,  // optional
      squarehubSettings: {
        hideMessageBubble: false,
        position: "left", // This can be left or right
        locale: "en", // Language to be set
        useBrowserLanguage: false, // Set widget language from user's browser
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Chat with us",
      }
    }
  }
};
```