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

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",
      }
    }
  }
};