يشرح هذا الدليل كيفية إضافة أداة عنصر واجهة مستخدم (Widget) للدردشة من HelpScout إلى موقع Discourse الخاص بك، مما يسمح للمستخدمين ببدء محادثات فردية مع فريقك.
مستوى المستخدم المطلوب: مسؤول (Administrator)
الملخص
سيرشدك هذا الدليل خلال عملية دمج أداة عنصر واجهة مستخدم للدردشة من HelpScout في موقع Discourse الخاص بك. يتيح هذا التكامل لمستخدميك بدء محادثات مباشرة مع فريقك، مما يعزز دعم المستخدمين والمشاركة.
إعداد HelpScout
- أنشئ حسابًا على https://www.helpscout.com/
- أكمل الخطوات لإعداد حسابك وصندوق البريد
- انقر على
Set Up Beacon(إعداد المنارة)
- قم بتكوين إعدادات المنارة الخاصة بك
- انسخ النصوص البرمجية (Scripts) المتوفرة باستخدام زر
Copy(نسخ)
إضافة أداة HelpScout إلى Discourse
- انتقل إلى لوحة الإدارة (admin panel) الخاصة بـ Discourse وانتقل إلى
Themes & components(السمات والمكونات) (ضمن قسم التخصيص (Customize) في الشريط الجانبي للإدارة) - انقر على
Install(تثبيت) - في نافذة التثبيت المنبثقة، حدد علامة التبويب
Create new(إنشاء جديد) - أدخل اسمًا للمكون (مثل “HelpScout Chat Widget”)، واضبط النوع على “Component” (مكون)، وانقر على
Create(إنشاء) - حدد السمة (السمات) التي تريد إضافة المكون الجديد إليها لتفعيله
- انقر على
Edit Code(تحرير الكود)
- انتقل إلى علامة التبويب
common><head> - الصق النص البرمجي لـ HelpScout الذي نسخته سابقًا
- انقر على
Save(حفظ)
تكوين إعدادات موقع Discourse
- في إعدادات موقع Discourse الخاص بك، ابحث عن “content security policy script src”
- أضف عنوان URL التالي إلى القائمة المسموح بها:
https://beacon-v2.helpscout.net/
التحقق من التكامل
- عد إلى الصفحة الرئيسية لموقع Discourse الخاص بك
- يجب أن ترى الآن أيقونة الدردشة في الزاوية اليمنى السفلية، مرئية لكل من الزوار والمستخدمين المسجلين
- إذا لم تظهر الأيقونة، قم بتحديث الصفحة بشكل إجباري (hard refresh) للموقع
استخدام أداة الدردشة HelpScout
بمجرد التكامل، يمكن لمستخدميك بدء محادثات فردية مع فريقك:
يمكنك الوصول إلى الرسائل المستلمة والرد عليها من لوحة تحكم HelpScout وصندوق البريد الخاص بك.