كيفية تثبيت الدردشة المباشرة على موقع Gatsby؟

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

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

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

npm install --save gatsby-plugin-chatwoot

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

yarn add gatsby-plugin-chatwoot

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

// 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 الخاص بك.

إذا كنت بحاجة إلى إنشاء قناة موقع إلكتروني جديدة، اتبع الخطوات الموضحة هنا.

الخطوة 3. ابدأ تشغيل الخادم الخاص بك​

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