ChatGPT
Perplexity
Claude

تخصيص طلبات وحالات ووكومرس (Orders & Statuses)

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

8 دقائق للقراءة·تم التحديث في ٣٠ مايو ٢٠٢٦
تخصيص طلبات وحالات ووكومرس (Orders & Statuses)

تتطلب إدارة متجر ووكومرس نشط السرعة والوضوح والتحكم الكامل في انتقالات حالات الطلبات. تسد إضافة Wawp الفجوة بين قاعدة بيانات متجرك وتدفقات المراسلة الخاصة بك عن طريق تقديم مخصّص الطلبات والحالات (Orders & Status Customizer) وصندوق إجراءات Wawp (Wawp Actions) التعريفي.

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

أثر عائد الاستثمارالأثر التجاري وعائد الاستثمار (ROI)

ثقة العملاء والقيمة الدائمة (LTV): إن توفير تتبع شفاف ونشط للطلبات (مثل تنبيهات حالة الواتساب المخصصة لعلامتك التجارية) يزيد من القيمة الدائمة للعميل (LTV) بنسبة 25% ومعدلات التسوق المتكرر بنسبة 30% (وفقاً لإحصاءات تقرير Salesforce للعملاء المتصلين). كفاءة إتمام الطلبات: يؤدي استخدام أعمدة الطلبات الإدارية المخصصة وإجراءات الإرسال السريع الفورية في الصفوف إلى تقليل أعباء معالجة الطلبات اليدوية بنسبة 45% وتقليل تذاكر دعم العملاء الخاصة بحالة الطلب بنسبة 30% (وفقاً لنتائج دراسة ولاء العملاء من Accenture).


القدرات الأساسية للنظام (Core System Capabilities)

Core System Capabilities

  • تسجيل حالات طلبات مخصصة: أنشئ حالات طلب مخصصة بلا حدود (مثل "تم الشحن"، "جاهز للاستلام"، "تم التوصيل") والتي يتم تسجيلها برمجياً وبشكل أصيل مع خطافات ووكومرس الأساسية.
  • شارات باستيل أنيقة: قم بتوليد شارات حالة جميلة وحديثة على شكل كبسولات تحتوي على أيقونات Remix مخصصة وخلفيات باستيل فاتحة متناسقة مستمدة تلقائياً من لون علامة الحالة التجارية الخاص بك.
  • أعمدة بيانات محسّنة: أثرِ شاشة طلبات ووكومرس الرئيسية (wc-orders) بأعمدة مخصصة للمنتجات، وبوابات الدفع، وطرق الشحن، والتكاليف، وتفاصيل أرقام الواتساب الموثقة.
  • إجراءات الإرسال السريع لصفوف AJAX: أعد إرسال إشعارات الحالة إلى العملاء مباشرة من صف جدول طلبات ووكومرس بضغطة زر واحدة، مع تلقي تأكيد مرئي فوري.
  • ترتيب مكثّف للصناديق التعريفية (Metabox): يحقن لوحة الإجراءات اليدوية في الجزء العلوي المطلق من العمود الجانبي داخل صفحة تحرير الطلب، مما يضمن ظهورها الدائم لمديري متجرك.

الجزء 1: تهيئة الحالات والشارات المخصصة (Statuses & Badges)

ضمن قسم إعدادات الطلبات والحالات (Orders & Status)، يمكنك تفعيل مفتاح الميزة الرئيسي لتخصيص حالات ووكومرس.

Custom WooCommerce Order Statuses

1. حالات طلبات ووكومرس المخصصة

عند إضافة حالة مخصصة جديدة (مثل "Shipped" - تم الشحن)، تقوم إضافة Wawp بعمليات الدمج التالية خلف الكواليس:

  • التسجيل في قلب ووردبريس (WordPress Core Registry): يسجل الاسم اللطيف المخصص لحالتك (مسبوقاً بـ wc- ليتشكل كـ wc-shipped) تحت خطاف ووردبريس القياسي register_post_status في إجراء الـ init (بأولوية 20).
  • الدمج مع قلب ووكومرس: يرتبط تلقائياً بفلتر wc_order_statuses لدمج حالتك الجديدة في قوائم ووكومرس الافتراضية. يضمن هذا التعرف على الحالة بشكل أصيل من قِبل ووكومرس، وبوابات الدفع، وإضافات الشحن التابعة لجهات خارجية.
  • الدمج مع التحرير الجماعي: يضيف خيارات حالتك المخصصة مباشرة إلى القائمة المنسدلة للإجراءات الجماعية في ووكومرس. يمكن للتجار اختيار طلبات متعددة وتنفيذ إجراء "تغيير الحالة إلى [الحالة المخصصة]" في الوقت نفسه.

2. تصميم شارات الحالة على شكل كبسولات

لترقية الواجهة المرئية لمساحة عمل الإدارة الخاصة بك، يستبدل Wawp التسميات النصية الافتراضية بشارات حالة متطورة وأنيقة. تحقن الإضافة قواعد CSS مخصصة في قسم <head> الخاص بلوحة التحكم الإدارية.

يتم احتساب ألوان كل شارة باستخدام صيغة مزج ألوان متناغمة بناءً على اللون السداسي (Hex Color) الذي تخصصه للحالة:

  • خلفية باستيل ممتزجة: تضبط خلفية فاتحة باستخدام رمز اللون السداسي الخاص بك مع إضافة 1a لتمثيل شفافية بنسبة 10% (مثال: #22c55e1a للون الأخضر).
  • إطار أنيق وناعم: يولد إطاراً مطابقاً للون بإضافة 4d لتمثيل شفافية بنسبة 30%.
  • لون خط أساسي ثابت: يعرض النص باللون المخصص للمظهر بنسبة تركيز 100%.
  • إدراج الأيقونات: يدمج أيقونة Remix Icon متجاوبة يختارها المستخدم ويطابقها مباشرة مع ترميز CSS unicode المقابل لها.

Designing Pill-Style Status Badges

أمثلة على مطابقة رموز Remix Icon Unicode:

  • ri-truck-line: \f231 (مثالي لحالات الشحن والتوصيل)
  • ri-checkbox-circle-line: \eb81 (مثالي لحالات الاكتمال والنجاح)
  • ri-loader-4-line: \eec6 (مثالي لحالات المعالجة والانتظار الدوارة)
  • ri-error-warning-line: \eca1 (مثالي لحالات الفشل والتنبيهات الخطيرة)
  • ri-time-line: \f20f (مثالي لحالات الطلبات المعلقة قيد المراجعة)

الجزء 2: تحسين جدول طلبات ووكومرس (wc-orders)

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

Enhancing the WooCommerce Orders Table

توفر هذه الأعمدة رؤية فورية لتفاصيل العملاء الهامة:

مفتاح العموداسم العمودالتفاصيل التقنية والتصميم البصري
wawp_payment_methodطريقة الدفعيجلب عنوان بوابة الدفع النشطة (على سبيل المثال، البطاقة الائتمانية عبر Stripe، PayPal، الدفع عند الاستلام COD).
wawp_shipping_methodطريقة الشحنيعرض مزود خدمة الشحن الذي اختاره المشتري عند الدفع.
wawp_product_namesأسماء المنتجاتيسرد جميع المنتجات داخل الطلب مع كمياتها بتنسيق مرتب ومبسط (مثال: قميص كلاسيكي (x1)، حذاء قماشي (x2)).
wawp_phone_numberرقم الهاتفيحلل الرقم باستخدام مكتبة جوجل libphonenumber. يعرض تلقائياً علم الدولة الوطني كإيموجي ويرفق شارة موثق على واتساب خضراء أو مؤشر تحذير أحمر غير موثق (متاح للمستخدمين المسجلين).
wawp_shipping_costتكلفة الشحنيعرض تكلفة الشحن الدقيقة منسقة بالعملة النشطة للطلب.
wawp_resend_notifالإشعاراتيسرد أزرار إجراءات سريعة في الصف لكل من واتساب ويب، أو واتساب كلاود، أو البريد الإلكتروني. يؤدي الضغط على الزر إلى إرسال طلب AJAX لإعادة إرسال إشعار الحالة فوراً دون إعادة تحميل الصفحة. في حال عدم وجود قواعد مهيأة لحالة الطلب، يعرض تنبيهاً بسيطاً يوضح لا توجد قواعد نشطة.

ملاحظة حول تسمية الخيارات: في لوحة تحكم Wawp، تتم تسمية مفاتيح التفعيل هذه بـ "تمكين فلتر [الميزة]" (على سبيل المثال، تمكين فلتر طريقة الشحن). وفي قاعدة البيانات، تقابل مفاتيح تبدأ بـ filter_. يؤدي تفعيلها إلى تمكين العمود المقابل في جدول ووكومرس. بالنسبة لتفعيل خيار طريقة الدفع، فإنه يقوم بتمكين كل من العمود المخصص وفلتر قائمة منسدلة وظيفي أعلى الجدول.

التصفية حسب طريقة الدفع

يؤدي تمكين فلتر طريقة الدفع إلى تسجيل قوائم منسدلة تفاعلية أعلى قائمة الطلبات الخاصة بك. يتعامل المخصص مع طلبات التصفية بشكل ديناميكي:

  • شاشة أنواع المنشورات التقليدية (Legacy Post-Type): يرتبط بفلتر الـ request لحقن معلمات meta_query مخصصة تستهدف مفتاح _payment_method في قاعدة البيانات.
  • شاشة HPOS الحديثة (مخزن الطلبات عالي الأداء): يرتبط بخطاف woocommerce_order_list_table_prepare_items_query_args لتمرير وسيطات استعلام عالية الأداء بشكل أصيل.

Enhancing the WooCommerce Orders Table Order Page


الجزء 3: تخصيص حالات الطلبات الافتراضية والقياسية

بالإضافة إلى إمكانية إنشاء حالات طلبات مخصصة بالكامل، يتيح لك Wawp إعادة تصميم وتلوين حالات ووكومرس الافتراضية (معلق، قيد المعالجة، قيد الانتظار، مكتمل، ملغي، مسترد، فاشل، ومسودة):

  • تجاوزات لوحة التحكم: تحت لوحة إعدادات الحالات الافتراضية (Default Statuses)، يمكنك تخصيص الحالات القياسية، واختيار أيقونات Remix جديدة، وتعيين ألوان مخصصة لعلامتك التجارية.
  • مظهر تصميم موحد: عند حفظ التعديلات وتجاوز الإعدادات الافتراضية، ترتبط إضافة Wawp بالدالة output_admin_styles() لبناء شارات CSS مطابقة للحالات الافتراضية. يؤدي هذا إلى تحويل صفوف قائمة ووكومرس القياسية لتتشارك نفس سمة الكبسولات الباستيل الحديثة مع حالاتك المخصصة الجديدة.

الجزء 4: إرسال الإشعارات يدوياً من شاشة الطلب

عند تحرير طلب معين (مثل /wp-admin/admin.php?page=wc-orders&action=edit&id=XXXX)، تقوم إضافة Wawp بتحميل صندوق معلومات إجراءات Wawp (Wawp Actions) المخصص.

Sending Manual Notifications from the Order Screen

1. موضع ذو أولوية عالية في الجزء العلوي

للحفاظ على كفاءة سير عمل إدارة متجرك، يرتبط Wawp بحدث add_meta_boxes بالأولوية 0 (قبل جميع الملحقات الأخرى تقريباً). وهو يرتبط بكل من شاشة الطلبات التقليدية shop_order وشاشة woocommerce_page_wc-orders الحديثة.

تقوم الإضافة بتسجيل فلتر (get_user_option_meta-box-order) لإعادة ترتيب الأشرطة الجانبية بشكل مكثف، مستخدمة الدالة array_unshift لدفع صندوق معلومات إجراءات Wawp إلى أعلى نقطة مطلقة في العمود الجانبي.

2. اختيار الخيارات والعرض الديناميكي

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

باستخدام سمات البيانات المخصصة (data-wa-web، data-wa-meta، data-email)، يتتبع نص كود jQuery تفاعلي التغييرات في اختيار القائمة المنسدلة. ويقوم بإخفاء أو عرض أزرار البوابات المقابلة ديناميكياً (واتساب ويب، واتساب كلاود، و/أو البريد الإلكتروني) جنباً إلى جنب مع أيقونات علاماتهم التجارية الرسمية.

3. التنفيذ خلف الكواليس

عندما ينقر مدير المتجر على أحد أزرار الإرسال اليدوي، يبدأ Wawp طلب AJAX آمناً (wawp_send_manual_notification):

  1. التحقق الأمني: يوثق الرمز المميز للتشفير (wawp_order_actions_nonce) ويتحقق من أن المستخدم الحالي لديه صلاحية manage_woocommerce الفعالة.
  2. استبدال الأكواد المختصرة (Shortcodes): يستخرج كائن الطلب ويبني حمولة ترجمة ضخمة (replacements_user). يستبدل تلقائياً نائبات المتغيرات مثل {{order_id}} و {{customer_name}} و {{order_total}} و {{sitename}} و {{status}} بالقيم الحقيقية واللحظية من قاعدة البيانات.
  3. تجاوز البوابات المحددة: تفرض الإضافة قناة التسليم بناءً على الزر الذي نقر عليه مدير المتجر. إذا تم النقر فوق زر "إرسال البريد الإلكتروني"، فإنها تتجاوز إعدادات القاعدة، وتحول نص رسالة الواتساب إلى تنسيق رسالة البريد الإلكتروني، وترسل الحمولة عبر إعدادات SMTP الخاصة بمتجرك.
  4. التسليم الفوري المتزامن: بينما قد تستخدم الإشعارات القياسية طوابير الإرسال المجدولة، فإن الإجراءات اليدوية تتجاوز جميع قواعد فترات الانتظار والتأخير. يضبط Wawp توقيت التسليم على فوري (instant)، ويرسل الرسالة على الفور لتوفير استجابة في الوقت الفعلي بنجاح أو فشل العملية مباشرة داخل الصندوق التعريفي.
  5. تدقيق تفصيلي للنشاط: يتم تسجيل جميع عمليات الإرسال التي تم تفعيلها يدوياً في سجلات نشاط Wawp المركزية بتنسيق عنوان مميز: Manual Notification Request (Order #XXXX). يتيح لك هذا تدقيق الرسائل التجريبية المرسلة يدوياً أو طلبات العملاء بسهولة وبشكل منفصل تماماً عن المحفزات التلقائية للنظام.

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

شارك هذا المقال:

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