Principal Chat ao vivo Como instalar chat ao vivo com Gatsby Website

Como instalar chat ao vivo com Gatsby Website

Última atualização em Jul 04, 2025

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

Etapa 1. Adicione o plugin Gatsby ao seu projeto

Adicione gatsby-plugin-chatwoot ao seu projeto Gatsby.

npm install --save gatsby-plugin-chatwoot

Se estiver usando o Yarn, use o seguinte:

yarn add gatsby-plugin-chatwoot

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

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

Você pode obter o token do seu site e a URL base nas configurações da sua caixa de entrada na sua conta do Chatwoot.

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

Etapa 3. Inicie seu servidor

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