Fynchat · فينشات

إضافة Chat Widget لموقعك

زر تواصل واتساب يظهر في موقعك بسطر JavaScript واحد.

إعدادات ودجة الدردشة: تخصيص وتفعيل ودجة موقعك

نظرة عامة

Chat Widget من Fynchat هو زر عائم يُضاف إلى أي موقع ويب لتحويل الزوّار إلى محادثات WhatsApp مباشرة.

المميزات:

  • ✅ بسطر واحد من JavaScript (بدون frameworks)
  • 🎨 تخصيص كامل: لون، موقع، نص، صورة الموظف
  • 📊 تتبّع النقرات التلقائي
  • 🛡 حماية المواقع (Domain whitelist)
  • 🔍 التقاط UTM (يعرف من أي حملة جاء العميل)
  • 📱 متجاوب على الجوّال والكمبيوتر

إنشاء Widget

  1. انتقل إلى الإعدادات → Chat Widgets

  2. اضغط + Widget جديد

  3. اضبط:

    • حساب WhatsApp: أي رقم تستلم عليه الرسائل
    • رسالة الترحيب: ما يكتبه الزائر مبدئياً
    • نص الزر: "تواصل عبر واتساب" أو ما تشاء
    • اللون: حسب علامتك التجارية
    • الموقع: يمين / يسار الأسفل
    • المواقع المسموح بها: للأمان (اختياري)

  4. انسخ كود التضمين

التضمين في موقعك

ضع هذا قبل وسم </body>:

<script src="https://fynchat.com/widget/widget.js"
        data-id="wd_xxxxxxxxx" async></script>

هذا كل شيء. سيظهر الزر تلقائياً.

كيف يعمل؟

  1. يضغط الزائر الزر → تنفتح بطاقة بمعلومات الموظف ورسالة الترحيب
  2. يضغط "تواصل" → يفتح WhatsApp Web أو التطبيق مع رقمك ورسالة معبّأة مسبقاً
  3. تُسجَّل النقرة في إحصائيات Widget
  4. UTM Capture: إذا جاء الزائر من حملة (?utm_source=facebook)، تُضاف إلى الرسالة تلقائياً

أمثلة الاستخدام

متجر إلكتروني

  • ضع Widget في صفحة المنتج
  • نص الترحيب: "هل تحتاج معلومات عن منتج معيّن؟"
  • يساعد العملاء المتردّدين قبل الشراء

موقع شركة خدمات

  • نص الترحيب: "احصل على عرض سعر مجاني"
  • يحوّل الزوّار إلى leads مباشرة

صفحة هبوط

  • نص الترحيب: "ابدأ اليوم!"
  • مع UTM tracking لتتبّع مصدر الزائر

التحكّم بالظهور

إخفاء على صفحات معيّنة

<script>
  // لا تحمّل الـ widget على صفحة الـ Checkout
  if (!window.location.pathname.includes('/checkout')) {
    document.write('<script src="..." data-id="..."><\/script>');
  }
</script>

تخصيص التحميل

<script>
  window.addEventListener('scroll', function () {
    // حمّل بعد أول scroll (لا يبطّئ تحميل الصفحة)
    if (window.scrollY > 100 && !window.flLoaded) {
      window.flLoaded = true;
      const s = document.createElement('script');
      s.src = 'https://fynchat.com/widget/widget.js';
      s.dataset.id = 'wd_xxx';
      document.body.appendChild(s);
    }
  });
</script>

الأمان (Domain Whitelist)

لمنع استخدام الـ widget الخاص بك من مواقع غير مصرّح بها:

  1. عند إنشاء Widget → ضع المواقع المسموح بها: 
    yourdomain.com
*.yourdomain.com
shop.yourdomain.com
  2. أي طلب من موقع آخر يُرفض بـ 403

اتركها فارغة للسماح للجميع (مفيد أثناء الاختبار).

مشاكل شائعة

"الزر لا يظهر"

  • افحص الـ console بحثاً عن الأخطاء
  • تأكّد من أن data-id صحيح
  • تأكّد من أن domain موقعك ضمن Allowed Domains (أو أن القائمة فارغة)

"الزر محمّل ولكن لا يفتح"

  • تأكّد من أن WhatsApp account مرتبط بالـ Widget
  • تأكّد من أن رقم الهاتف صحيح في إعدادات الحساب

"أريد تخصيصاً أكبر"

نسخة Pro مع animations مخصّصة، وأصوات، وpopup forms — متاحة في خطّة Business.

روابط سريعة