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[​](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#1-add-the-gatsby-plugin-to-your-project "Direct link to heading")

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[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#2-add-the-plguin-to-your-gatsby-config-file "Direct link to heading")

```
// 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](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/en/website-live-chat/474).

## Passo 3. Inicie seu servidor[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#3-start-your-server "Direct link to heading")

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