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

## الخطوة 1. أضف إضافة Gatsby إلى مشروعك​

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

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

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

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

## الخطوة 2. أضف الإضافة إلى ملف إعدادات Gatsby الخاص بك​

```
// في ملف gatsby-config.js الخاص بك
plugins: [
  {
    resolve: `gatsby-plugin-chatwoot`,
    options: {
      baseUrl: "BASE_URL", // مطلوب
      websiteToken: "WEBSITE_TOKEN", // مطلوب
      includeInDevelopment: false, // اختياري
      chatwootSettings: {}, // اختياري
    },
  },
];
```

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

إذا كنت بحاجة إلى إنشاء قناة موقع جديدة، اتبع الإجراء الموضح [هنا](https://docs.voxys.ai/hc/voxys-help/en/website-live-chat).

## الخطوة 3. ابدأ الخادم الخاص بك​

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