ChatGPT
Perplexity
Claude

كيفية إعداد زر دردشة واتساب (WhatsApp Chat Button)

أضف أرقام دردشة واتساب متعددة، وروابط منصات التواصل الاجتماعي، والمزيد مع إحصائيات دقيقة للضغطات.

4 دقائق للقراءة·تم التحديث في ١٢ مايو ٢٠٢٦
كيفية إعداد زر دردشة واتساب (WhatsApp Chat Button)

تُستخدم هذه الميزة الرائعة لفتح قنوات تواصل مباشرة وسريعة وموثوقة تتيح لعملائك وزوار متجرك مراسلتك بنقرة واحدة عبر الواجهة الأمامية لموقعك الإلكتروني.

معلومة ذكية ومفيدة: عندما يقوم عميل بمراسلتك عبر هذا الزر، يقوم النظام آلياً بإدراج رابط الصفحة التي كان يتصفحها داخل نص رسالة الواتساب الأولى، مما يسهل عليك معرفة المنتج أو الخدمة التي يتحدث عنها تحديداً وبسرعة فائقة.


تهيئة زر الواتساب (Setup Whatsapp Button)

في هذه الخطوة، ستتمكن من وضع القواعد والأسس العامة للميزة، بالإضافة لإدراج كافة أرقام فريق العمل المسموح للعميل بالاختيار منها والتواصل معها (مثل مبيعات الجملة، أو فريق الدعم الفني، إلخ).

الواجهة العامة لضبط إعدادات زر الدردشة
إعدادات زر الدردشة العامة

لوحة التحكم الرئيسية لزر واتساب، تشمل خيارات التفعيل والتعطيل والتحكم في المحتوى العام.

Keywords: إعدادات زر واتساب, ووردبريس شات, تفعيل الدردشة المباشرة

تفعيل زر الدردشة: قم بتشغيل هذا الخيار (Enable) ليصبح صندوق الدردشة ظاهراً وحياً أمام الزوار فوراً على الموقع.


أرقام الواتساب (WhatsApp Numbers)

تتيح لك إدارة قائمة الأرقام التي ترغب بعرضها داخل صندوق الدردشة بشكل منسق واحترافي.

نموذج إضافة رقم واتساب جديد للموظف
إضافة عضو فريق

واجهة إضافة بيانات الموظف (الاسم، الرقم، المسمى الوظيفي) ليظهر في قائمة الدردشة.

Keywords: إضافة أرقام واتساب, فريق الدعم, تخصيص بيانات الموظف
عرض وإدارة قائمة أرقام التواصل المتوفرة
قائمة أرقام التواصل

عرض جميع الأرقام المضافة مع إمكانية التعديل، الحذف، أو إعادة الترتيب.

Keywords: إدارة أرقام واتساب, قائمة فريق العمل, مراقبة قنوات التواصل
  • إضافة رقم جديد (Add new Number): قم بالنقر هنا لفتح ملف بيانات جديد لشخص أو قسم إضافي.
  • رقم الواتساب: الرقم الهاتفي الفعلي والدولي الذي سيتم توجيه رسائل العميل إليه.
  • الاسم: الاسم الشخصي أو اسم القسم الذي سيُكتب بوضوح في القائمة.
  • الرسالة الافتراضية: هي الجملة الترحيبية التي سيكتبها النظام نيابة عن العميل ليبدأ الحوار، على سبيل المثال: مرحباً، أود الاستفسار عن أحد المنتجات.
  • الوظيفة/نص الدعم: وضع مسميات وتصنيفات واضحة كـ "خدمة ما بعد البيع" لتجنب تشتيت ذهن العميل.
  • الصورة الرمزية (Avatar): رفع صورة للموظف أو أيقونة تعبيرية لزيادة الثقة وبناء طابع إنساني للمحادثة.
  • إخفاء شعار المطور (Disable “Powered by”): عند تفعيله، سيتم حذف اسم المنصة المطورة تماماً للحصول على واجهة بيضاء (White Label) خاصة بك تماماً.

البطاقة الرئيسية (Main Card)

هذا هو المكان المخصص لتخصيص الشكل الذي يظهر به صندوق الدردشة للزائر عند فتح الزر. بمجرد الانتهاء وحفظ هذه الإعدادات، ستنعكس التعديلات وتظهر واجهتك الترحيبية مباشرة على صفحات الموقع.

إعدادات البطاقة الترحيبية الرئيسية
تخصيص بطاقة الترحيب

ضبط النصوص الترحيبية وصور الخلفية وشعار الدردشة لجذب انتباه الزوار.

Keywords: تخصيص واجهة الدردشة, نصوص ترحيبية, تصميم صندوق واتساب
معاينة فورية لصندوق الدردشة الفعال
معاينة صندوق الدردشة

تمثيل مرئي لما يراه العميل عند النقر على أيقونة واتساب في الموقع.

Keywords: معاينة واجهة المستخدم, شكل الزر العائم, تجربة العميل

يتيح رمز الاستجابة السريع (QR Code) لمستخدمي شاشات الحواسيب الكبيرة مسح الرمز بكاميرا الجوال والانتقال فوراً للمحادثة، في حين يعمل الرابط المباشر لتوجيه المستخدم لنسخة الواتساب المثبتة على جهازه.

توضيح لاستخدام كود الـ QR للتواصل السريع
دردشة عبر QR Code

ميزة تسمح لمستخدمي الحواسب بمسح الكود بالجوال وبدء المحادثة فوراً.

Keywords: qr code whatsapp, التواصل السريع, تقنية الـ qr

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

تعبئة روابط شبكات التواصل الاجتماعي المختلفة
روابط التواصل الاجتماعي

دمج أيقونات فيسبوك، انستجرام، وتويتر داخل صندوق الدردشة لزيادة المتابعين.

Keywords: سوشيال ميديا ووردبريس, روابط التواصل, تسويق متعدد القنوات

تتبع النقرات (Clicks Tracking)

توفر هذه الشاشة تحليلات رقمية فورية تمنحك إحصائيات واضحة لإجمالي عدد ضغطات العملاء على كل رقم أو رابط، مما يساعدك في مراقبة أي القنوات وأي الموظفين يحظى بأعلى تفاعل وطلب.

لوحة مراقبة وتحليل إحصائيات الضغطات الحية
تحليل نقرات الدردشة

إحصائيات دقيقة توضح عدد المرات التي قام فيها العملاء بالضغط على أرقام فريقك.

Keywords: تحليلات واتساب, تتبع الضغطات, أداء فريق الدعم

إعدادات العرض والمظهر (Display Settings)

يمكنك من خلالها فرض سيطرتك وتصميمك الخاص على كيفية ظهور هذا الزر، وموقعه، وتوافقه مع ألوان علامتك التجارية.

واجهة ضبط قواعد الظهور واختيار الألوان
إعدادات الظهور والألوان

التحكم الكامل في موضع الزر، صفحات الظهور، وتناسق الألوان مع هوية العلامة التجارية.

Keywords: تصميم زر واتساب, استهداف الصفحات, تخصيص ألوان الموقع
  1. العرض على أجهزة الكمبيوتر: يمكنك تعديل هذا الخيار إذا قررت حجب الزر عن مستخدمي الحواسيب المكتبية والمحمولة.
  2. العرض على الجوال: خيار مماثل لإخفائه أو إظهاره حصرياً لمستخدمي الهواتف والتابلت.
  3. العرض في كل الصفحات: عند التشغيل سيظهر الزر بكل مكان، وعند الإيقاف سيسمح لك بتحديد استثناءات لصفحات محددة لا ترغب بظهوره فيها.
  4. موقع الزر: للتحكم بنقل الزر من الركن الأيمن السفلي للأيسر والعكس.
  5. تخصيص النمط: تحكم كامل بحجم الأيقونة الكلي ومستوى استدارة وانحناء حواف الصندوق الخارجي.
  6. تغيير الألوان: قم بتحديد درجات الألوان للزر، النصوص، والخلفيات لتتماشى وتنسجم كلياً مع ألوان قالب موقعك.
شارك هذا المقال:

هل كانت هذه الصفحة مفيدة؟
98% وجدوا هذا المقال مفيداً (167 إعجاب)