Como instalar chat ao vivo em um site Gatsby?

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

Passo 1. Adicione o plugin Gatsby ao seu projeto​

Adicione gatsby-plugin-chatwoot ao seu projeto Gatsby.

npm install --save gatsby-plugin-chatwoot

Se você estiver usando yarn, utilize o seguinte comando:

yarn add gatsby-plugin-chatwoot

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

// No seu gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // Obrigatório
      websiteToken: "WEBSITE_TOKEN", // Obrigatório
      includeInDevelopment: false, // Opcional
      chatwootSettings: {}, // Opcional
    },
  },
];

Você pode obter seu token do site e base URL nas configurações da Caixa de Entrada em sua conta Chatwoot.

Se precisar criar um novo canal de site, siga o procedimento ilustrado aqui.

Passo 3. Inicie seu servidor​

Agora você já poderá ver o widget da Chatwoot na página.