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

إذا كان لديك موقع ويب تم إنشاؤه باستخدام 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 الخاص بك.

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

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

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