إذا كان لديك موقع إلكتروني تم إنشاؤه باستخدام Gatsby، يمكنك إضافة أداة الدردشة المباشرة Chatwoot والتحدث مع زوارك في الوقت الفعلي. يمكن القيام بذلك في 3 خطوات بسيطة باستخدام إضافة Chatwoot الخاصة بـ Gatsby.

## الخطوة 1. أضف إضافة Gatsby إلى مشروعك[​](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#1-add-the-gatsby-plugin-to-your-project "Direct link to heading")

أضف `gatsby-plugin-chatwoot` إلى مشروع Gatsby الخاص بك.

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

إذا كنت تستخدم yarn، استخدم الأمر التالي:

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

## الخطوة 2. أضف الإضافة إلى ملف إعدادات 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")

```
// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // Required
      websiteToken: "WEBSITE_TOKEN", // Required
      includeInDevelopment: false, // Optional
      chatwootSettings: {}, // Optional
    },
  },
];
```

يمكنك الحصول على رمز موقعك الإلكتروني وعنوان base URL من إعدادات صندوق الوارد في حساب Chatwoot الخاص بك.

إذا كنت بحاجة إلى إنشاء قناة موقع إلكتروني جديدة، اتبع الخطوات الموضحة [هنا](https://www.chatwoot.com/hc/user-guide/articles/1788726252-).

## الخطوة 3. ابدأ تشغيل الخادم الخاص بك[**​**](https://www.chatwoot.com/docs/product/channels/live-chat/integrations/gatsby#3-start-your-server "Direct link to heading")

ستتمكن الآن من رؤية أداة Chatwoot على الصفحة.