خانة العنوان ورقم الهاتف في متجر أردني: معالم بدل رمز بريدي
المندوب في الأردن لا يبحث عن رمز بريدي، بل عن «العمارة اللي جنب الصيدلية». لذلك يجب أن يسأل نموذج العنوان في متجرك عما يحتاجه المندوب فعلًا: المحافظة والمنطقة من قائمة، والشارع والبناية، وأقرب معلم، وموقعًا على الخريطة إن أمكن، ورقم جوال يُقبل بأي صيغة يكتبها العميل ثم يُحفظ بصيغة واحدة. ما يلي مواصفة حقلًا بحقل يمكنك تسليمها لمطوّرك كما هي.
قبل الحقول: ثلاث قواعد عامة
اسأل بالترتيب الذي يفكّر به الناس. من الأكبر إلى الأصغر: المحافظة، ثم المنطقة، ثم الشارع والبناية، ثم المعلم. هكذا يصف الأردني عنوانه على الهاتف، وهكذا يجب أن يقرأه المندوب.
كل حقل إلزامي يجب أن يستحق ذلك. كل خانة زائدة سبب إضافي لترك الطلب في منتصفه، خاصة على شاشة جوال.
اجعل الحقول تعمل مع الملء التلقائي. تشرح MDN أن خاصية autocomplete تخبر المتصفح بنوع المعلومة المطلوبة، مثل tel للهاتف وaddress-level1 للمحافظة وaddress-line1 لسطر العنوان، فيملؤها المتصفح من بيانات العميل المحفوظة. هذا يوفّر على العميل كتابة رقمه للمرة العاشرة.
المواصفة حقلًا بحقل
1. الاسم
حقل واحد «الاسم الكامل» يكفي لمتجر محلي. تقسيم الاسم إلى أول وأخير عادة مستوردة من نماذج أجنبية، ولا يضيف شيئًا للمندوب.
2. رقم الجوال
هذا أهم حقل في الصفحة، لأن المندوب سيتصل عليه، ورسالة تأكيد الطلب ستذهب إليه.
- نوع الحقل:
type="tel". وتذكر MDN أن هذا النوع يُظهر لوحة أرقام الهاتف على الجوال، وهو المفضّل لحقول الهاتف. - ما تقبله: أي صيغة يكتبها العميل: 0791234567 أو 791234567 أو +962791234567 أو 00962791234567، ومعها مسافات أو شرطات.
- الأرقام العربية: كثير من لوحات المفاتيح العربية تكتب ٠٧٩ بدل 079. لا ترفض الإدخال؛ حوّل الأرقام العربية إلى الأرقام الغربية في الخلفية قبل التحقق.
- التحقق: بعد حذف المسافات والرموز ورمز الدولة والصفر الأول، يجب أن يبقى رقم من 9 خانات يبدأ بالرقم 7. هذا ما تحدّده بيانات مكتبة libphonenumber من Google لأرقام الجوال الأردنية، ومثالها فيها 790123456. استخدم المكتبة نفسها أو إحدى نسخها بدل كتابة نمط تحقق يدوي قد يرفض أرقامًا صحيحة.
- ما تحفظه: صيغة دولية موحّدة +962XXXXXXXXX. بهذه الصيغة يعمل رابط الاتصال ورابط واتساب ورسائل التأكيد الآلية دون تعديل.
- رسالة الخطأ: بالعربية وبمثال: «اكتب رقم جوالك مثل 0791234567»، لا «Invalid phone number».
أضف حقلًا اختياريًا ثانيًا «هاتف بديل» إذا كان الطلب هدية أو سيستلمه شخص آخر.
3. المحافظة
قائمة منسدلة بالمحافظات الاثنتي عشرة، بأسمائها العربية. لا تتركها نصًا حرًّا، وإلا ستصلك «عمان» و«عمّان» و«Amman» و«عمان الغربية» لنفس المنطقة، ويصعب عليك فرز الطلبات أو ربطها بأسعار التوصيل.
في WooCommerce تحديدًا، لا يحتوي ملف المحافظات المدمج على قائمة للأردن، فتحتاج إضافتها برمجيًا ليظهر هذا الحقل قائمة.
4. المنطقة أو الحي
قائمة ثانية تتغيّر حسب المحافظة: إذا اختار العميل عمّان، تظهر مناطق عمّان. ابدأ بالمناطق التي توصل إليها فعلًا، وأضف خيار «منطقة أخرى» مع خانة نصية، وراجع ما يُكتب فيها كل شهر لتضيف الأكثر تكرارًا إلى القائمة.
5. الشارع والبناية
خانة واحدة بعنوان «اسم الشارع ورقم أو اسم البناية». كثير من العملاء يعرفون اسم البناية أو صاحبها أكثر من رقمها، فلا تشترط رقمًا.
6. أقرب معلم
هذا الحقل هو الذي يوفّر مكالمة المندوب. اجعله إلزاميًا، وضع داخله مثالًا يوضّح المقصود: «مثال: مقابل مسجد…، بجانب صيدلية…». سمّه باسم يفهمه الجميع: «أقرب معلم» أو «وصف إضافي للعنوان».
7. الموقع على الخريطة
زر اختياري «حدّد موقعي». يمكن بناؤه على واجهة تحديد الموقع في المتصفح، وتنص MDN على أنها لا تعمل إلا في صفحات آمنة (HTTPS) وأن المتصفح يطلب إذن المستخدم أولًا. احفظ الإحداثيات مع الطلب، وحوّلها إلى رابط خرائط Google بصيغة الروابط الموحّدة التي توثّقها Google، أي رابط بحث يحمل المعامل api=1 والإحداثيات، حتى يفتح على جوال المندوب مباشرة في تطبيق الخرائط.
اجعله اختياريًا لا إلزاميًا: بعض العملاء يطلبون من مكان غير مكان التسليم، وبعضهم لن يمنح الإذن.
8. الطابق ورقم الشقة
خانة صغيرة اختيارية. توفّر على المندوب صعودًا ونزولًا في عمارة بلا مصعد.
9. الرمز البريدي
اخفه أو اجعله اختياريًا. في الإعدادات الافتراضية لشيفرة WooCommerce، الرمز البريدي حقل إلزامي إلا إذا كان للدولة إعداد خاص يلغيه، ولم نجد للأردن إعدادًا خاصًا في الشيفرة حتى تاريخ كتابة المقال. افتح صفحة الدفع في متجرك واختر الأردن: إذا طُلب منك رمز بريدي إلزامي، فهذا أول ما يجب تعديله.
10. ملاحظات للمندوب
خانة اختيارية في آخر النموذج: «اتصل قبل الوصول بربع ساعة»، «الجرس معطّل». تُطبع على بوليصة الشحن أو تظهر في تطبيق المندوب.
كيف يصل كل هذا إلى المندوب؟
جمع البيانات نصف المهمة. النصف الآخر أن تصل للمندوب مرتّبة: سطر للمحافظة والمنطقة، سطر للشارع والبناية، سطر للمعلم، ورابط الموقع، ورقم الجوال قابل للاتصال بلمسة. إذا كنت ترسل الطلبات لشركة توصيل بملف، فاجعل لكل حقل عمودًا خاصًا بدل دمجها في خانة عنوان واحدة طويلة.
اختبر النموذج بثلاث محاولات حقيقية
قبل الإطلاق، املأ النموذج من جوال حقيقي ثلاث مرات: مرة بلوحة مفاتيح عربية وأرقام عربية، ومرة بنسخ رقم من جهات الاتصال يبدأ بـ+962، ومرة بطلب هدية لشخص آخر. ثم أرسل الطلبات الثلاثة لمندوب واسأله سؤالًا واحدًا: هل كنت ستحتاج الاتصال لتصل؟ جوابه أدق من أي تقرير.
الأسئلة الشائعة
هل أطلب البريد الإلكتروني إلزاميًا؟
لمتجر يبيع داخل الأردن بالدفع عند الاستلام، غالبًا لا. كثير من العملاء لا يتابعون بريدهم، وواتساب أو الرسائل النصية أنسب للتأكيد. اجعله اختياريًا إذا كانت منصتك تسمح بذلك.
كيف أتعامل مع عميل يكتب العنوان كله في خانة المعلم؟
سيحدث، ولا بأس. المهم أن تصل المعلومة. راجع الطلبات التي احتاجت اتصالًا من المندوب كل أسبوع، وعدّل عناوين الحقول أو الأمثلة داخلها حسب ما يتكرر.
هل أتحقق من أن الرقم أردني فقط؟
إذا كنت توصل داخل الأردن، فالتحقق من رقم جوال أردني يمنع أخطاء الكتابة. لكن إن كان لديك عملاء مغتربون يطلبون لأهلهم، فاسمح برقم دولي للدافع، واطلب رقمًا أردنيًا للمستلم.
إذا كان هاتف متجرك لا يتوقف عن رنين المندوبين يسألون عن العناوين، أرسل لنا رابط صفحة الدفع لديك ونقترح عليك التعديلات الأنسب لها.
المصادر
- https://raw.githubusercontent.com/google/libphonenumber/master/resources/PhoneNumberMetadata.xml
- https://raw.githubusercontent.com/woocommerce/woocommerce/trunk/plugins/woocommerce/includes/class-wc-countries.php
- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
- https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/inputmode
- https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API
- https://developers.google.com/maps/documentation/urls/get-started