Si tienes un sitio web creado en Gatsby, puedes añadir un widget de chat en vivo de Chatwoot y hablar con tus visitantes en tiempo real. Esto se puede hacer en 3 sencillos pasos usando el plugin de Chatwoot para Gatsby.

## Paso 1. Agrega el plugin de Gatsby a tu proyecto[​](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#1-add-the-gatsby-plugin-to-your-project "Direct link to heading")

Agrega `gatsby-plugin-chatwoot` a tu proyecto de Gatsby.

```
npm install --save gatsby-plugin-chatwoot
```

Si usas yarn, utiliza lo siguiente:

```
yarn add gatsby-plugin-chatwoot
```

## Paso 2. Añade el plugin a tu archivo de configuración de 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")

```
// En tu gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // Obligatorio
      websiteToken: "WEBSITE_TOKEN", // Obligatorio
      includeInDevelopment: false, // Opcional
      chatwootSettings: {}, // Opcional
    },
  },
];
```

Puedes obtener tu token del sitio web y la URL base desde la configuración de la Bandeja de entrada en tu cuenta de Chatwoot.

Si necesitas crear un nuevo canal para tu sitio web, sigue el procedimiento ilustrado [aquí](https://app.chatwoot.com/hc/chatwoot-user-guide-cloud-version/es/chat-en-vivo-para-sitios-web/49662).

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

Ahora deberías poder ver el widget de Chatwoot en la página.