طريقة سهلة لإضافة حقل Date Time Picker إلى تسجيل الخروج من WooCommerce

تعرف على كيفية إضافة حقل جديد مثل تاريخ التسليم ومنتقي الوقت في نموذج الخروج من WooCommerce. سأوضح لك الطريقة السهلة في هذه المقالة باستخدام مكون إضافي. سترى كيفية تنفيذ منتقي التاريخ / الوقت هذا في تسجيل الخروج من مرحاض.

هل يتصل بك عملاء WooCommerce لمعرفة المزيد عن تاريخ أو وقت التسليم بالضبط؟ سيكون من الجيد أتمتة هذا وتجنب رسائل البريد الإلكتروني / المكالمات الهاتفية الإضافية ؟

في هذه المقالة ، سأوضح لك طريقة إضافة منتقي تاريخ التسليم والوقت في تسجيل الخروج من WooCommerce في بضع دقائق باستخدام مكون إضافي. هيا نبدأ!

جدول المحتويات

1. WooCommerce Checkout Date Time Picker - مقدمة سريعة
2. أضف حقل منتقي التاريخ - البرنامج المساعد
3. كيفية إضافة منتقي تاريخ الخروج من WooCommerce - الخطوات

منتقي وقت وتاريخ الخروج WooCommerce - مقدمة

احترم وقتك. لهذا السبب أريد أن أوضح لك التأثير النهائي أولاً . بهذه الطريقة ستكون على يقين من أن هذا هو ما تبحث عنه.

لدي تصميم افتراضي للدفع في متجري (تعرف على كيفية تعيينك). يمكنني استخدام موضوع واجهة المتجر. لذلك ، يبدو منتقي تاريخ WooCommerce Checkout كما يلي:

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

يمكنك وضع حقل جديد أينما تريد في نموذج الدفع WooCommerce !

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

إضافة حقل تسجيل خروج جديد (منتقي التاريخ)

لذلك ، دعنا نرى مربع التحديد في حقل تسجيل الخروج WooCommerce الجديد - دعنا نسميه منتقي تاريخ التسليم :

لم أحدد أي نطاق زمني. ومع ذلك ، فمن الممكن بالطبع!

أدناه يمكنك رؤية مربع التحديد حيث قمت بتعيين النطاق الزمني على:

• قبل 3 أيام
• بعد 7 أيام

ألق نظرة على الحقل ذي النطاق الزمني الأقصى:

أين يمكنني رؤية قيمة العميل؟

ستظهر المعلومات المتعلقة بالقيمة من منتقي تاريخ التسليم في تفاصيل طلب WooCommerce .

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

هذا هو حقل التاريخ في حسابي - العناوين:

وهذا هو وضع التحرير:

أيضًا ، يمكن للعميل البحث عن قيمة الحقل في الطلبات:

لذا ، آمل أن يكون هذا هو ما تبحث عنه! وبالتالي ، سأوضح لك ما هو المكون الإضافي الذي تحتاج إلى تهيئته لإضافة حقل تاريخ التسليم هذا في تسجيل الخروج من WooCommerce .

الخروج من WooCommerce مع منتقي التاريخ - البرنامج المساعد

تتيح لك حقول الخروج المرنة إنشاء WooCommerce Checkout Date أو Time Picker ، بالطبع. ومع ذلك ، يمكنك أن تفعل أكثر من ذلك بكثير!

هذا هو المكون الإضافي الذي يتيح لك تخصيص حقول الخروج من WooCommerce! على سبيل المثال ، باستخدام هذا البرنامج المساعد ، يمكنك:

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

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

يمكنك تنزيل هذا البرنامج المساعد مجانًا لإضافة أنواع الحقول التالية الجديدة:

• نص
• تيكستاريا
• رقم
• بريد إلكتروني
• هاتف
• URL
• خانة اختيار
• لون
• العنوان
• فقرة
• صورة
• لغة البرمجة

ومع ذلك ، ستحتاج إلى إصدار PRO لإضافة منتقي تاريخ ووقت WooCommerce Checkout والمزيد من أنواع الحقول مثل:

• متعدد مربعات الاختيار
• يختار
• تحديد متعدد
• مذياع
• وقت
• راديو بالصور
• تحميل الملف
• راديو مع ألوان
• تاريخ

كيفية إضافة منتقي تاريخ الخروج من WooCommerce - الخطوات

1. أولاً ، قم بشراء وتثبيت إصدار PRO من البرنامج المساعد
2. ثم انتقل إلى WooCommerce → Checkout Fields :
3. بالإضافة إلى ذلك ، يمكنك تعديل أقسام مختلفة هنا. بشكل افتراضي ، سنقوم بتحرير قسم الفواتير . ومع ذلك ، يمكنك إضافة WooCommerce Checkout Datepicker أينما تريد.
   يتيح لك المكون الإضافي Flexible Checkout Fields إضافة حقول مخصصة إلى أقسام مختلفة من عملية الدفع. يمكنك بسهولة تعديل قسم الطلب أو الشحن أو الفواتير. يمكنك أيضًا إضافة الحقول قبل أو بعد:

   • تفاصيل العميل
   • نموذج الفواتير
   • نموذج الشحن
   • إستمارة تسجيل
   • ترتيب ملاحظات
   • زر الإرسال

   قد يكون منتقي بيانات WooCommerce Checkout ولكن لا يتعين عليه ذلك. كما قلت من قبل ، تتيح لك Flexible Checkout Fields إنشاء 10 أنواع من الحقول.

4. حدد "نوع الحقل" ، وقم بتوفير تسمية وانقر فوق الزر "إضافة حقل" .
5. بعد ذلك ، يمكنك تعديل إعدادات هذا الحقل الجديد. انظر ، يمكنك ضبط النطاق الزمني هنا:
   هناك خيار التحقق من الصحة كما ترى. هل تحتاج إلى إضافة تحقق مخصص إلى WooCommerce Checkout Datepicker؟ اقرأ دليل التحقق المخصص لـ WooCommerce Checkout →
6. الخيار التالي ، المظهر . يمكنك تعيين فئة CSS الخاصة بك في الحقل. صمم حقل تاريخ تسليم WooCommerce !
7. باستخدام خيار Display On ، يمكنك تعيين مكان عرض WooCommerce Checkout Datepicker. على سبيل المثال ، يمكنك ضبط البرنامج المساعد لعرض هذا الحقل فقط في عملية الدفع . بهذه الطريقة لن يتمكن المستخدم من تغيير قيمة هذا الحقل في حسابي.
8. الخيار الأخير: متقدم . يمكنك تكوين المنطق الشرطي هنا. لن أغطي هذا الموضوع في هذه المقالة. إذا كنت بحاجة إلى منطق شرطي لحقولك ، فابحث عن دليل المنطق الشرطي →

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

ملخص

باختصار ، في هذه المقالة ، تعلمت كيفية إضافة حقل WooCommerce Checkout جديد - تاريخ التسليم (ومنتقي الوقت). كيف تحب هذه الطريقة؟ واسمحوا لنا أن نعرف في قسم التعليقات أدناه! والأهم من ذلك ، اسألنا أي أسئلة إذا كان هناك شيء غير واضح لك.