27+ WooCommerce Checkout Hooks Ilustrated
نشرت: 2022-07-02
في هذا المنشور ، ستتعلم كيفية استخدام أدوات السداد في WooCommerce. التزم بالنهاية ، حيث سنلقي نظرة على الخطافات الرئيسية ونعطيك أمثلة على ما يمكنك فعله بها. أنها تساعدك على تخصيص صفحة الخروج لزيادة معدلات التحويل الخاصة بك.
خطاف WooCommerce
الخطافات هي وظائف قوية تسمح لك بتغيير أو إضافة التعليمات البرمجية دون تعديل الملفات الأساسية. إنها توفر قدرًا كبيرًا من المرونة ، ويستخدمها المطورون لتغيير وظائف WooCommerce الافتراضية.
يجب أن تلاحظ أن هناك نوعين من الخطافات المختلفة:
- خطافات الإجراءات - تسمح لك بإضافة كود مخصص للقيام بإجراءات معينة عند وقوع حدث ما.
- خطافات المرشح - تغير سلوك المتغير أو الوظيفة الحالية.
خطافات الخروج من WooCommerce
تساعد الخطافات المطورين على إنشاء حلول مخصصة عمليًا ومرنة. خطاطيف الخروج هي نوع واحد من عدة خطاطيف يدعمها WooCommerce. يمكن استخدام خطاطيف الخروج لإضافة بعض المحتوى قبل حقول الفوترة ، وتطبيق بعض المنطق لزيادة السعر أو تقييد المستخدمين حسب الدور ، قبل مراجعة الطلب أو بعد نموذج الخروج ، وغير ذلك الكثير.
يجب أن تلاحظ أن خطافات WooCommerce تعمل تمامًا مثل خطافات WordPress الأصلية. قبل أن نبدأ ، أوصي بشدة بإنشاء سمة فرعية حتى لا تضيع تغييراتك.
تحتوي صفحة تسجيل الخروج من WooCommerce على الروابط التالية:
1. woocommerce_before_checkout_form
يتم تعريف الخطاف woocommerce_before_checkout_form قبل نموذج السحب. يتم وضعه فوق حقل القسيمة في صفحة الخروج.
add_action ('woocommerce_before_checkout_form'، 'njengah_before_checkout_form'، 10) ؛
الوظيفة njengah_before_checkout_form () {
صدى '<h2> woocommerce_before_checkout_form </h2>'؛
} 
2. woocommerce_checkout_before_customer_details
يتم تعريف الرابط woocommerce_checkout_before_customer_details في نموذج الخروج قبل تفاصيل العميل مباشرةً.
add_action ('woocommerce_checkout_before_customer_details'، 'njengah_checkout_before_customer_details'، 10) ؛
الوظيفة njengah_checkout_before_customer_details () {
صدى '<h2> woocommerce_checkout_before_customer_details </h2>'؛
} 
3. woocommerce_checkout_billing
إن woocommerce_checkout_billing عبارة عن خطاف جديد تمت إضافته إلى صفحة الخروج. يتم تضمين قالب نموذج الفوترة في صفحة الخروج باستخدام هذا الخطاف.
add_action ('woocommerce_checkout_billing'، 'njengah_checkout_billing') ؛
الوظيفة njengah_checkout_billing () {
صدى '<h2> woocommerce_checkout_billing </h2>'؛
} 
4. woocommerce_before_checkout_billing_form
يتم تعريف الخطاف woocommerce_before_checkout_billing_form قبل بدء نموذج الفواتير.
add_action ('woocommerce_before_checkout_billing_form'، 'njengah_before_checkout_billing_form'، 10) ؛
الوظيفة njengah_before_checkout_billing_form () {
صدى '<h2> woocommerce_before_checkout_billing_form </h2>'؛
} 
5. woocommerce_after_checkout_billing_form
يتم تحديد خطاف woocommerce_after_checkout_billing_form بعد إكمال نموذج الفواتير.
add_action ('woocommerce_after_checkout_billing_form'، 'njengah_after_checkout_billing_form'، 10) ؛
الوظيفة njengah_after_checkout_billing_form () {
صدى '<h2> woocommerce_after_checkout_billing_form </h2>'؛
} 
6. woocommerce_before_checkout_registration_form
يتم تعريف خطاف woocommerce_before_checkout_registration_form في قالب نموذج الفوترة بعد نموذج إنشاء الحساب. سيتم تنفيذ هذا للمستخدمين الضيوف.
add_action ('woocommerce_before_checkout_registration_form'، 'njengah_checkout_billing') ؛
الوظيفة njengah_checkout_billing () {
صدى '<h2> woocommerce_before_checkout_registration_form </h2>'؛
} 
7. woocommerce_after_checkout_registration_form
يتم تعريف خطاف woocommerce_after_checkout_registration_form في قالب نموذج الفوترة. سيتم تنفيذ هذا للمستخدمين الضيوف.
add_action ('woocommerce_after_checkout_registration_form'، 'njengah_after_checkout_registration_form') ؛
الوظيفة njengah_after_checkout_registration_form () {
صدى '<h2> woocommerce_after_checkout_registration_form </h2>'؛
} 
8. woocommerce_checkout_shipping
يتم تعريف رابط woocommerce_checkout_shipping في قالب نموذج الشحن قبل نموذج الشحن.
add_action ('woocommerce_checkout_shipping'، 'njengah_checkout_shipping') ؛
وظيفة njengah_checkout_shipping () {
صدى '<h2> woocommerce_checkout_shipping </h2>'؛
} 
9. woocommerce_before_checkout_shipping_form
يتم تحديد الخطاف woocommerce_before_checkout_shipping_form قبل بدء نموذج الشحن مباشرةً.
add_action ('woocommerce_before_checkout_shipping_form'، 'njengah_before_checkout_shipping_form'، 10) ؛
الوظيفة njengah_before_checkout_shipping_form () {
صدى '<h2> woocommerce_before_checkout_shipping_form </h2>'؛
} 
10. woocommerce_after_checkout_shipping_form
يتم تحديد خطاف woocommerce_after_checkout_shipping_form بعد إكمال نموذج الشحن.
add_action ('woocommerce_after_checkout_shipping_form'، 'njengah_after_checkout_shipping_form'، 10) ؛
الوظيفة njengah_after_checkout_shipping_form () {
صدى '<h2> woocommerce_after_checkout_shipping_form </h2>'؛
} 
11. woocommerce_before_order_notes
يتم تعريف خطاف woocommerce_before_order_notes قبل حقل ملاحظات الطلب في صفحة الدفع.
add_action ('woocommerce_before_order_notes'، 'njengah_before_order_notes'، 10) ؛
الوظيفة njengah_before_order_notes () {
صدى '<h2> woocommerce_before_order_notes </h2>'؛
} 
12. woocommerce_after_order_notes
يتم تحديد الخطاف woocommerce_after_order_notes بعد حقل ملاحظات الطلب في صفحة الدفع.
add_action ('woocommerce_after_order_notes'، 'njengah_after_order_notes'، 10) ؛
الوظيفة njengah_after_order_notes () {
صدى '<h2> woocommerce_after_order_notes </h2>'؛
} 
13. woocommerce_checkout_after_customer_details
يتم وضع خطاف woocommerce_checkout_after_customer_details بعد استكمال تفاصيل العميل بعد حقول الفوترة والشحن.
add_action ('woocommerce_checkout_after_customer_details'، 'njengah_checkout_after_customer_details'، 10) ؛
الوظيفة njengah_checkout_after_customer_details () {
صدى '<h2> woocommerce_checkout_after_customer_details </h2>'؛
} 
14. woocommerce_checkout_before_order_review_heading
يتم تعريف الرابط woocommerce_checkout_before_order_review_heading في قالب السداد قبل عنوان مراجعة الطلب وهو "طلبك". تمت إضافة هذا الخطاف في WooCommerce v3.6.0.
add_action ('woocommerce_checkout_before_order_review_heading'، 'njengah_checkout_before_order_review_heading') ؛
الوظيفة njengah_checkout_before_order_review_heading () {
صدى '<h2> woocommerce_checkout_before_order_review_heading </h2>'؛
} 
15. woocommerce_checkout_order_review
يتم تعريف الرابط woocommerce_checkout_order_review في قالب السحب الرئيسي. يتم تضمين قالب جدول مراجعة الطلب باستخدام هذا الخطاف.
add_action ('woocommerce_checkout_order_review'، 'njengah_checkout_order_review') ؛
الوظيفة njengah_checkout_order_review () {
صدى '<h2> woocommerce_checkout_order_review </h2>'؛
} 
16. woocommerce_checkout_before_order_review
يتم تعريف الرابط woocommerce_checkout_before_order_review قبل تفاصيل الطلب في صفحة الخروج.
add_action ('woocommerce_checkout_before_order_review'، 'njengah_checkout_before_order_review'، 10) ؛
الوظيفة njengah_checkout_before_order_review () {
صدى '<h2> woocommerce_checkout_before_order_review </h2>'؛
} 
17. woocommerce_review_order_before_cart_contents
يتم تعريف الخطاف woocommerce_review_order_before_cart_contents داخل نص جدول الطلب قبل المحتوى.
add_action ('woocommerce_review_order_before_cart_contents'، 'njengah_review_order_before_cart_contents'، 10) ؛
function njengah_review_order_before_cart_contents () {
صدى '<h2> woocommerce_review_order_before_cart_contents </h2>'؛
} 
18. woocommerce_review_order_after_cart_contents
يتم تعريف الخطاف woocommerce_review_order_after_cart_contents داخل نص جدول الطلب بعد كل المحتوى.
add_action ('woocommerce_review_order_after_cart_contents'، 'njengah_review_order_after_cart_contents'، 10) ؛
الوظيفة njengah_review_order_after_cart_contents () {
صدى '<h2> woocommerce_review_order_after_cart_contents </h2>'؛
} 
19. woocommerce_review_order_before_shipping
يتم تعريف رابط woocommerce_review_order_before_shipping قبل قسم الشحن في جدول الطلبات.
add_action ('woocommerce_review_order_before_shipping'، 'njengah_review_order_before_shipping'، 10) ؛
الوظيفة njengah_review_order_before_shipping () {
صدى '<h2> woocommerce_review_order_before_shipping </h2>'؛
} 
20. woocommerce_review_order_after_shipping
يتم تحديد خطاف woocommerce_review_order_after_shipping بعد قسم الشحن في جدول تفاصيل الطلب.
add_action ('woocommerce_review_order_after_shipping'، 'njengah_review_order_after_shipping'، 10) ؛
الوظيفة njengah_review_order_after_shipping () {
صدى '<h2> woocommerce_review_order_after_shipping </h2>'؛
} 
21. woocommerce_review_order_before_order_total
يتم تحديد الخطاف woocommerce_review_order_before_order_total قبل قسم الإجمالي وبعد قسم الشحن في جدول تفاصيل الطلب.
add_action ('woocommerce_review_order_before_order_total'، 'njengah_review_order_before_order_total'، 10) ؛
الوظيفة njengah_review_order_before_order_total () {
صدى '<h2> woocommerce_review_order_before_order_total </h2>'؛
} 
22. woocommerce_review_order_after_order_total
يتم تعريف الرابط woocommerce_review_order_after_order_total بعد قسم الإجمالي وفي جدول تفاصيل الطلب.
add_action ('woocommerce_review_order_after_order_total'، 'njengah_review_order_after_order_total'، 10) ؛
الوظيفة njengah_review_order_after_order_total () {
صدى '<h2> woocommerce_review_order_after_order_total </h2>'؛
} 
23. woocommerce_review_order_before_payment
يتم تعريف الرابط woocommerce_review_order_before_payment قبل قسم طرق الدفع في صفحة الدفع.
add_action ('woocommerce_review_order_before_payment'، 'njengah_review_order_before_payment'، 10) ؛
function njengah_review_order_before_payment () {
صدى '<h2> woocommerce_review_order_before_payment </h2>'؛
} 
24. woocommerce_review_order_before_submit
يتم تحديد خطاف woocommerce_review_order_before_submit قبل زر "تقديم الطلب" في صفحة الخروج.
add_action ('woocommerce_review_order_before_submit'، 'njengah_review_order_before_submit'، 10) ؛
الوظيفة njengah_review_order_before_submit () {
صدى '<h2> woocommerce_review_order_before_submit </h2>'؛
} 
25. woocommerce_review_order_after_submit
يتم تحديد خطاف woocommerce_review_order_after_submit بعد زر "تقديم الطلب" في صفحة الدفع.
add_action ('woocommerce_review_order_after_submit'، 'njengah_review_order_after_submit'، 10) ؛
الوظيفة njengah_review_order_after_submit () {
صدى '<h2> woocommerce_review_order_after_submit </h2>'؛
} 
26. woocommerce_review_order_after_payment
يتم تحديد خطاف woocommerce_review_order_after_payment بعد قسم الدفع بالكامل بما في ذلك زر "تقديم الطلب".
add_action ('woocommerce_review_order_after_payment'، 'njengah_review_order_after_payment'، 10) ؛
function njengah_review_order_after_payment () {
صدى '<h2> woocommerce_review_order_after_payment </h2>'؛
} 
27. woocommerce_checkout_after_order_review
يتم تعريف الخطاف woocommerce_checkout_after_order_review بعد قسم مراجعة الطلب في صفحة الخروج ، والذي يتضمن جدول تفاصيل الطلب وقسم الدفع.
add_action ('woocommerce_checkout_after_order_review'، 'njengah_checkout_after_order_review'، 10) ؛
الوظيفة njengah_checkout_after_order_review () {
صدى '<h2> woocommerce_checkout_after_order_review </h2>'؛
} 
28. woocommerce_after_checkout_form
يتم تحديد الخطاف woocommerce_after_checkout_form في النهاية بعد نموذج السحب.
add_action ('woocommerce_after_checkout_form'، 'njengah_after_checkout_form'، 10) ؛
الوظيفة njengah_after_checkout_form () {
صدى '<h2> woocommerce_after_checkout_form </h2>'؛
} 
استنتاج
يوضح هذا المنشور جميع روابط WooCommerce المتوفرة في صفحة الخروج. تتيح لك هذه الخطافات تخصيص صفحة الخروج وفقًا لاحتياجاتك.
إذا كانت هذه هي المرة الأولى التي تستخدم فيها الخطافات ، فيمكنك نسخ هذه البرامج النصية ولصقها مباشرةً في ملف function.php الخاص بقالب الطفل الخاص بك. يمكنك الآن الإبداع وتخصيص صفحة الخروج لزيادة معدلات التحويل.
بدلاً من ذلك ، يمكنك استخدام المكونات الإضافية لتخصيص هذا القسم إذا لم تكن معتادًا على الرموز. إذا كنت بحاجة إلى مزيد من التخصيص ، فيرجى التفكير في التعاقد مع مطور WordPress مؤهل.
مقالات مماثلة
- ما هو موضوع WooCommerce Storefront؟ [مجاب]
- كيفية وضع WooCommerce Cart and Checkout على صفحة واحدة
- كيفية إضافة حقل إضافي في نموذج الخروج من WooCommerce
- كيفية تخصيص صفحة الخروج من واجهة المتجر
- كيفية إزالة سمة واجهة متجر WooCommerce من صفحة عربة التسوق
- كيفية إخفاء الضرائب عند الخروج إذا كانت قيمة الحقل موجودة WooCommerce
- كيف o إخفاء اسم الشركة الحقل WooCommerce صفحة الخروج
- كيفية إزالة زر الخروج WooCommerce
- كيفية تغيير الكمية في الخروج WooCommerce
- كيفية إزالة معلومات إضافية صفحة الخروج WooCommerce