إضافة حقل رقم الهاتف في WooCommerce إلى نموذج التسجيل

// إضافة حقل رقم الهاتف إلى نموذج التسجيل
function wooc_extra_register_fields() {?>
       <p class="form-row form-row-wide">
       <label for="reg_billing_phone"><?php _e( 'Phone', 'woocommerce' ); ?></label>
       <input type="text" class="input-text" name="billing_phone" id="reg_billing_phone" value="<?php esc_attr_e( $_POST['billing_phone'] ); ?>" required />
       </p>
       <div class="clear"></div>
       <?php
}
add_action( 'woocommerce_register_form_start', 'wooc_extra_register_fields' );

// حفظ رقم الهاتف في ملف تعريف المستخدم
function wooc_save_extra_register_fields( $customer_id ) {
    if ( isset( $_POST['billing_phone'] ) ) {
                 // الحقل المدخل لرقم الهاتف المستخدم في WooCommerce
                 update_user_meta( $customer_id, 'billing_phone', sanitize_text_field( $_POST['billing_phone'] ) );
          }
}
add_action( 'woocommerce_created_customer', 'wooc_save_extra_register_fields' );
 

لماذا تضيف حقل رقم الهاتف في WooCommerce؟

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

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

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

خطوات تطبيق كود حقل رقم الهاتف في WooCommerce

أولاً، يجب إضافة دالة جديدة في ملف functions.php الخاص بقالبك الفرعي أو عبر إضافة كود مخصص. هذه الدالة تستخدم خطاف woocommerce_register_form_start لإدراج الحقل الجديد في بداية نموذج التسجيل. تأكد من أن الحقل يحمل اسم billing_phone ليتوافق مع نظام ووكومرس الداخلي.

ثانياً، بعد إضافة الحقل للعرض، تحتاج إلى حفظ البيانات عند إنشاء الحساب. استخدم خطاف woocommerce_created_customer لتشغيل دالة حفظ البيانات. هذه الدالة تتحقق من وجود قيمة في حقل الهاتف ثم تستخدم update_user_meta لحفظ الرقم في قاعدة البيانات المرتبطة بالمستخدم.

ثالثاً، تأكد من تنظيف البيانات المدخلة باستخدام sanitize_text_field لحماية موقعك من أي محاولات حقن كود خبيث. هذا الإجراء الأمني ضروري لضمان سلامة بيانات عملائك واستقرار موقعك. بعد تطبيق هذه الخطوات، ستجد رقم الهاتف محفوظاً في ملف تعريف العميل ويمكن الوصول إليه من لوحة التحكم أو عبر API.

أسئلة شائعة

هل يظهر حقل رقم الهاتف في نموذج تسجيل الدخول أيضاً؟

لا، الكود المذكور يضيف الحقل فقط في نموذج التسجيل (Register Form) وليس في نموذج تسجيل الدخول. إذا أردت إضافته في مكان آخر، ستحتاج إلى استخدام خطافات مختلفة.

كيف أتحقق من صحة رقم الهاتف المدخل؟

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

هل يمكنني إخفاء الحقل عن بعض المستخدمين؟

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

أين أجد رقم الهاتف المحفوظ في لوحة التحكم؟

يظهر رقم الهاتف في صفحة تفاصيل العميل تحت قسم بيانات الفوترة (Billing Details) إذا كان القالب يدعم عرض الحقول المخصصة، أو يمكنك الوصول إليه عبر قاعدة البيانات مباشرة.