Si vous avez un site web créé avec Gatsby, vous pouvez ajouter un widget de chat en direct Chatwoot et discuter avec vos visiteurs en temps réel. Cela peut être fait en 3 étapes simples grâce au plugin Gatsby de Chatwoot.

## Étape 1. Ajoutez le plugin Gatsby à votre projet[​](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#1-add-the-gatsby-plugin-to-your-project "Direct link to heading")

Ajoutez `gatsby-plugin-chatwoot` à votre projet Gatsby.

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

Si vous utilisez yarn, utilisez la commande suivante :

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

## Étape 2. Ajoutez le plugin à votre fichier de configuration 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")

```
// Dans votre gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // Obligatoire
      websiteToken: "WEBSITE_TOKEN", // Obligatoire
      includeInDevelopment: false, // Optionnel
      chatwootSettings: {}, // Optionnel
    },
  },
];
```

Vous pouvez obtenir votre jeton de site web et l’URL de base depuis les paramètres de votre boîte de réception dans votre compte Chatwoot.

Si vous avez besoin de créer un nouveau canal pour votre site web, suivez la procédure illustrée [ici](https://www.chatwoot.com/hc/user-guide/articles/1677580558-website-live-chat-settings-explained).

## Étape 3. Démarrez votre serveur[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#3-start-your-server "Direct link to heading")

Vous devriez maintenant voir le widget Chatwoot sur la page.