تخطَّ إلى المحتوى
أقسام مركز المساعدة
فلوفو

البدء السريع لـ Website Chat Widget

أضف أداة الدردشة (Chat Widget) إلى موقعك وابدأ في التواصل مع زوارك مباشرة.

دقيقتان للقراءة

محتويات المقال
  1. Overview
  2. الخطوة 1: إنشاء Website Chat Widget
  3. الخطوة 2: فتح إعدادات الأداة
  4. الخطوة 3: إعداد المحتوى (Content)
  5. اسم العرض (Display Name)
  6. الرسالة الترحيبية (Initial Message)
  7. الرسائل المقترحة (Suggested Messages)
  8. اللغة (Language)
  9. الخطوة 4: تخصيص الشكل (Style)
  10. اللون الأساسي (Primary Color)
  11. أيقونة الدردشة (Chat Icon)
  12. مكان الظهور (Widget Position)
  13. الخطوة 5: تثبيت الأداة على موقعك
  14. بعد الإعداد
  15. كيف تعمل المحادثات

Overview

تتيح لك أداة Website Chat Widget إضافة دردشة مباشرة إلى موقعك، بحيث يمكن للزوار التواصل مع فريقك بسهولة أثناء تصفحهم.

بعد تثبيت الأداة، سيتم استقبال جميع المحادثات وإدارتها داخل Flovoo إلى جانب باقي القنوات في مكان واحد.

الخطوة 1: إنشاء Website Chat Widget

  • انتقل إلى القنوات والتطبيقات → التطبيقات
  • اضغط على اتصال بجانب Website Widget

ستظهر نافذة الإعداد:

  • اسم العرض (Display Name)
    الاسم الداخلي المستخدم داخل Flovoo (مثال: Main Website Chat)
  • اللون الأساسي (Primary Color)
    اللون الذي سيتم استخدامه في واجهة الأداة
  • اضغط على إنشاء الأداة (Create Website Widget)

سيتم تحويلك تلقائيًا إلى صفحة القنوات (Channels).

الخطوة 2: فتح إعدادات الأداة

  • انتقل إلى صفحة القنوات (Channels)
  • اضغط على الـ Website Chat Widget الخاص بك

سيتم فتح صفحة الإعدادات، حيث يمكنك تخصيص الأداة.

الخطوة 3: إعداد المحتوى (Content)

افتح تبويب المحتوى (Content).
ستظهر معاينة مباشرة لأي تغييرات تقوم بها.

اسم العرض (Display Name)

الاسم الذي يظهر للزائر أعلى نافذة الدردشة.

الرسالة الترحيبية (Initial Message)

أول رسالة تظهر للزائر عند فتح الدردشة.
يمكنك استخدامها للترحيب أو توجيه المستخدم (مثال: مرحبًا! كيف يمكننا مساعدتك؟).

الرسائل المقترحة (Suggested Messages)

رسائل جاهزة يمكن للزائر الضغط عليها لبدء المحادثة:

  • يمكنك إضافة حتى 4 رسائل
  • كل رسالة قابلة للنقر
  • تختفي بعد إرسال أول رسالة من الزائر

اللغة (Language)

اختر لغة واجهة الأداة.

اتجاه النص يعتمد على اللغة المختارة:

  • RTL للغة العربية
  • LTR للغة الإنجليزية

بعد الانتهاء، اضغط حفظ التغييرات (Save Changes).

الخطوة 4: تخصيص الشكل (Style)

افتح تبويب الشكل (Style).

اللون الأساسي (Primary Color)

يتم تطبيقه على:

  • رأس المحادثة (Header)
  • زر الدردشة
  • الرسائل

أيقونة الدردشة (Chat Icon)

قم برفع أيقونة مخصصة للأداة.
ستظهر في رأس نافذة الدردشة.

مكان الظهور (Widget Position)

حدد مكان ظهور الأداة على موقعك:

  • أسفل اليمين (Bottom Right) — مناسب للغة العربية
  • أسفل اليسار (Bottom Left) — مناسب للغة الإنجليزية

بعد الانتهاء، اضغط حفظ التغييرات (Save Changes).

الخطوة 5: تثبيت الأداة على موقعك

افتح تبويب كود التضمين (Embed Code):

  • اضغط نسخ الكود (Copy Code)
  • افتح ملف HTML الخاص بموقعك
  • أضف الكود قبل وسم الإغلاق </body>
  • احفظ التغييرات وانشر الموقع

بعد ذلك، ستظهر أداة الدردشة على موقعك.

بعد الإعداد

  • يمكن للزوار بدء المحادثة مباشرة من موقعك
  • ستظهر الرسائل في صندوق الوارد داخل Flovoo
  • يمكنك الرد في الوقت الحقيقي

كيف تعمل المحادثات

  • كل رسالة من الزائر تنشئ محادثة جديدة داخل Flovoo
  • إذا لم يتم التعرف على الزائر، سيظهر كـ جهة اتصال مجهولة (Anonymous Contact)
    (مثال: Website Visitor #1234)
  • يمكنك تحديث بياناته لاحقًا

هل كانت هذه المقالة مفيدة؟

مقالات ذات صلة

لم تجد ما تبحث عنه؟

تواصل معنا وسيرد عليك فريق فلوفو خلال ساعات العمل.