Como instalar o chat ao vivo em um website Docusaurus?

Última atualização em 10 de Abr, 2024

O Yuzap integra-se perfeitamente com o Docusaurus através do plugin @yuzap/docusaurus-plugin (Nota: O nome exato do plugin pode precisar ser confirmado/criado para Yuzap). Este plugin ajuda você a instalar facilmente o widget de chat ao vivo do Yuzap em um website baseado em Docusaurus.

Para instalar o plugin, siga os passos rápidos explicados abaixo.

Passo 1. Adicione o plugin ao seu projeto.

yarn add @yuzap/docusaurus-plugin

ou

npm install @yuzap/docusaurus-plugin --save

Passo 2. Configure o plugin em docusaurus.config.js

// docusaurus.config.js
module.exports = {
  plugins: ["@yuzap/docusaurus-plugin"],
  themeConfig: {
    yuzap: {
      websiteToken: "Seu_token_da_caixa_de_entrada_do_website",
      baseURL: "https://app.yuzap.com", // Opcional: substitua pela URL base da sua instalação Yuzap
      enableInDevelopment: false, // Opcional
      yuzapSettings: { // Renomeado de chatwootSettings para yuzapSettings
        hideMessageBubble: false,
        position: "left", // Pode ser left ou right
        locale: "pt-BR", // Idioma a ser definido (ex: pt-BR para Português do Brasil)
        useBrowserLanguage: false, // Define o idioma do widget a partir do navegador do usuário
        darkMode: "auto", // [light, auto]
        type: "expanded_bubble",
        launcherTitle: "Chat com a gente",
      }
    }
  }
};

Certifique-se de substituir "Seu_token_da_caixa_de_entrada_do_website" pelo token real da sua caixa de entrada do website Yuzap e, se necessário, ajuste a baseURL para a URL da sua instância Yuzap.