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

TA

Tami

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

Nếu bạn có website được tạo trên Gatsby, bạn có thể thêm widget live chat của SquareHub và trò chuyện với khách truy cập theo thời gian thực. Việc này có thể thực hiện trong 3 bước đơn giản bằng plugin Gatsby của SquareHub.

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

Thêm gatsby-plugin-squarehub vào dự án Gatsby của bạn.

npm install --save gatsby-plugin-squarehub

Nếu bạn đang dùng yarn, hãy sử dụng lệnh sau:

yarn add gatsby-plugin-squarehub

Bước 2. Thêm plugin vào file cấu hình Gatsby của bạn

// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-squarehub`,
    options: {
      baseUrl: "BASE_URL", // Required
      websiteToken: "WEBSITE_TOKEN", // Required
      includeInDevelopment: false, // Optional
      squarehubSettings: {}, // Optional
    },
  },
];

Bạn có thể lấy Website token và base URL từ cài đặt Inbox trong tài khoản SquareHub của mình.

Nếu bạn cần tạo kênh website mới, hãy làm theo quy trình được minh họa tại đây.

Bước 3. Khởi động máy chủ của bạn

Bây giờ bạn sẽ có thể thấy widget SquareHub trên trang.