Se você possui um site criado no Gatsby, é possível adicionar um widget de chat ao vivo Chatwoot para conversar em tempo real com seus visitantes. Siga os três passos abaixo usando o plugin do Chatwoot para Gatsby:
Passo 1. Adicione o plugin Gatsby ao seu projeto
Instale o plugin gatsby-plugin-chatwoot em seu projeto Gatsby com o seguinte comando:
npm install --save gatsby-plugin-chatwoot
Se você estiver usando Yarn, utilize o comando:
yarn add gatsby-plugin-chatwoot
Passo 2. Adicione o plugin ao seu arquivo de configuração do Gatsby
No seu arquivo gatsby-config.js, insira o código abaixo:
plugins: [
{
resolve: `gatsby-plugin-chatwoot`,
options: {
baseUrl: "BASE_URL", // Necessário
websiteToken: "WEBSITE_TOKEN", // Necessário
includeInDevelopment: false, // Opcional
chatwootSettings: {}, // Opcional
},
},
];
Você pode encontrar o token do site e a URL base nas configurações da sua caixa de entrada (Inbox) em sua conta Chatwoot.
Caso precise criar um novo canal para o site, siga o procedimento descrito na documentação do Chatwoot.
Passo 3. Inicie seu servidor
Agora você já deve conseguir visualizar o widget Chatwoot na página do seu site.