يعد إدخال رقم الهاتف بطريقة صحيحة أمرًا ضروريًا لضمان تواصل ناجح مع العملاء في المتاجر الإلكترونية التي تعتمد على WooCommerce. إذا كنت ترغب في تحديد عدد أرقام حقل رقم الهاتف ليكون 11 رقمًا فقط، فإليك الطريقة السهلة للقيام بذلك باستخدام كود بسيط دون الحاجة إلى إضافات إضافية.
لماذا تحتاج إلى تحديد طول رقم الهاتف؟
- تحسين تجربة المستخدم من خلال تجنب الأخطاء أثناء إدخال الأرقام.
- ضمان إدخال أرقام صحيحة بما يتوافق مع تنسيق الدولة المستهدفة.
- تقليل مشاكل التواصل مع العملاء بسبب الأخطاء في إدخال الأرقام.
كيفية تحديد طول حقل رقم الهاتف في WooCommerce
يمكنك القيام بذلك بسهولة من خلال إضافة الكود التالي إلى ملف functions.php الخاص بالقالب النشط في موقعك:
أو
عن طريق اضافة wpcode ومن ثم اضافة new code snippet ومن ثم اختيار php وبعد ذلك قم بوضع الكود ولا تنسي active للكود قبل متعمل حقظ لل snippet
// تحديد الحد الأقصى للحقل + منع الأحرف غير الرقمية
add_filter('woocommerce_checkout_fields', 'custom_phone_field_validation');
function custom_phone_field_validation($fields) {
$fields['billing']['billing_phone']['maxlength'] = 11; // الحد الأقصى 11 رقمًا
$fields['billing']['billing_phone']['custom_attributes'] = array(
'pattern' => '[0-9]{11}', // يقبل فقط 11 رقمًا
'inputmode' => 'numeric', // يستخدم لوحة المفاتيح الرقمية على الهواتف
'oninput' => "this.value = this.value.replace(/[^0-9]/g, '')" // منع الأحرف غير الرقمية أثناء الكتابة
);
return $fields;
}
// التحقق من صحة رقم الهاتف عند الإرسال
add_action('woocommerce_checkout_process', 'validate_phone_number_length');
function validate_phone_number_length() {
if (isset($_POST['billing_phone'])) {
$phone = trim($_POST['billing_phone']);
if (!preg_match('/^\d{11}$/', $phone)) {
wc_add_notice(__('يجب أن يكون رقم الهاتف مكونًا من 11 رقمًا فقط.', 'woocommerce'), 'error');
}
}
}خاتمة
باستخدام هذا التعديل البسيط، يمكنك ضمان إدخال أرقام هاتف صحيحة في متجرك الإلكتروني، مما يعزز من دقة البيانات ويساعد في تحسين تجربة العملاء. إذا كنت بحاجة إلى مزيد من التخصيص، يمكنك دمج هذا الكود مع إضافات WooCommerce الأخرى لتحسين عملية إدخال البيانات.
هل لديك أي استفسارات أو مشاكل؟ لا تتردد في ترك تعليقك وسنكون سعداء بمساعدتك!