Como instalar o chat ao vivo em um website Gatsby?

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

Se você tem um website criado com Gatsby, você pode adicionar um widget de chat ao vivo do Yuzap e conversar com seus visitantes em tempo real. Isso pode ser feito em 3 passos simples usando o plugin Gatsby do Yuzap.

Passo 1. Adicione o plugin Gatsby ao seu projeto

Adicione gatsby-plugin-yuzap (Nota: O nome exato do plugin pode precisar ser confirmado/criado para Yuzap) ao seu projeto Gatsby.

npm install --save gatsby-plugin-yuzap

Se você estiver usando yarn, use o seguinte:

yarn add gatsby-plugin-yuzap

Passo 2. Adicione o plugin ao seu arquivo de configuração do Gatsby

// No seu gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-yuzap`, // Nota: Confirme o nome do plugin
    options: {
      baseUrl: "URL_BASE_YUZAP", // Obrigatório: URL da sua instância Yuzap (ex: https://app.yuzap.com)
      websiteToken: "TOKEN_DO_WEBSITE", // Obrigatório: Token da sua caixa de entrada do website Yuzap
      includeInDevelopment: false, // Opcional: Padrão é false
      yuzapSettings: {}, // Opcional: Configurações adicionais do widget Yuzap (renomeado de chatwootSettings)
    },
  },
]

Você pode obter seu Token do Website e URL base nas configurações da sua Caixa de Entrada na sua conta Yuzap.

Se você precisar criar um novo canal de website, siga o procedimento ilustrado aqui.

Passo 3. Inicie seu servidor

Você deverá conseguir ver o widget do Yuzap na página agora.