28 WooCommerce Checkout Hooks: أكثر من مجرد دليل مرئي

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

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

دعنا نجري نظرة سريعة على ما هي الخطافات وأنواعها ثم ننتقل إلى خطافات صفحة الخروج.

ما هي الخطافات؟

تسمح لك الخطافات في WordPress بتغيير أو إضافة التعليمات البرمجية دون تعديل الملفات الأساسية.

يطلق عليهم اسم الخطافات لأنها تعمل مثل الخطاف الواقعي لحمل الأشياء. في عالم التجارة الإلكترونية ، كانت Hooks تحمل برامج إضافية.

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

النوعان الرئيسيان من الخطافات

على الرغم من وجود الكثير من روابط WordPress ، إلا أنه يمكنك تصنيفها إلى نوعين:

1. خطافات العمل
2. خطاطيف التصفية

خطافات العمل

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

هذا مثال على خطاف العمل:

add_action ('woocommerce_before_checkout_billing_form'، 'storeapps_before_checkout_billing_form') ؛
وظيفة storeapps_before_checkout_billing_form () {
   // أضف الكود الخاص بك هنا
}

حيث يكون woocommerce_before_checkout_billing_form هو الخطاف ووظيفة storeapps_callback_function هي الوظيفة التي ننشئها لإضافة البرامج النصية المخصصة الخاصة بنا.

خطاطيف التصفية

تسمح لك أدوات الترشيح بتعديل وظيفة موجودة. في هذه الخطافات ، لا تضيف أي شيء جديد بل تقوم فقط بتغيير البيانات أو ترشيحها.

فمثلا:

add_filter ('woocommerce_breadcrumb_defaults'، 'storeapps_change_breadcrumb') ؛
وظيفة storeapps_change_breadcrumb ($ content) {
   $ content. = "StoreApps" ؛
   إرجاع محتوى $؛
}

مثال آخر يمكن أن يكون تغيير أزرار Add to Cart في متجرك بالكامل باستخدام مرشح.

لماذا استخدام الخطافات في WooCommerce؟

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

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

نظرًا لأن تسجيل الخروج هو أهم صفحة لأي متجر ، فلنلقِ نظرة على خطافات صفحة الخروج من WooCommerce.

جميع أدوات الدفع الخاصة بـ WooCommerce

1. woocommerce_before_checkout_form
2. woocommerce_checkout_before_customer_details
3. woocommerce_checkout_billing
4. woocommerce_before_checkout_billing_form
5. woocommerce_after_checkout_billing_form
6. woocommerce_before_checkout_registration_form
7. woocommerce_after_checkout_registration_form
8. woocommerce_checkout_shipping
9. woocommerce_before_checkout_shipping_form
10. woocommerce_after_checkout_shipping_form
11. woocommerce_before_order_notes
12. woocommerce_after_order_notes
13. woocommerce_checkout_after_customer_details
14. woocommerce_checkout_before_order_review_heading
15. woocommerce_checkout_order_review
16. woocommerce_checkout_before_order_review
17. woocommerce_review_order_before_cart_contents
18. woocommerce_review_order_after_cart_contents
19. woocommerce_review_order_before_shipping
20. woocommerce_review_order_after_shipping
21. woocommerce_review_order_before_order_total
22. woocommerce_review_order_after_order_total
23. woocommerce_review_order_before_payment
24. woocommerce_review_order_before_submit
25. woocommerce_review_order_after_submit
26. woocommerce_review_order_after_payment
27. woocommerce_checkout_after_order_review
28. woocommerce_after_checkout_for

لنلقِ نظرة على كل خطاف بالتفصيل ، ومكان وضعه وكيف يمكنك إضافته.

1. woocommerce_before_checkout_form
يتم تحديد الخطاف قبل نموذج السحب. يتم وضعه فوق حقل القسيمة في صفحة الخروج.

add_action ('woocommerce_before_checkout_form'، 'storeapps_before_checkout_form'، 10) ؛
وظيفة storeapps_before_checkout_form () {
	صدى '<h2> woocommerce_before_checkout_form </h2>'؛
}

2. woocommerce_checkout_before_customer_details
يتم تحديد الخطاف في نموذج السداد قبل تفاصيل العميل مباشرة.

add_action ('woocommerce_checkout_before_customer_details'، 'storeeapps_checkout_before_customer_details'، 10) ؛
وظيفة storeapps_checkout_before_customer_details () {
	صدى '<h2> woocommerce_checkout_before_customer_details </h2>'؛
}

3. woocommerce_checkout_billing
هذا خطاف جديد يضاف إلى صفحة الخروج. يتم تضمين قالب نموذج الفوترة في صفحة الخروج باستخدام هذا الخطاف.

add_action ('woocommerce_checkout_billing'، 'storeapps_checkout_billing') ؛
وظيفة storeapps_checkout_billing () {
    صدى '<h2> woocommerce_checkout_billing </h2>'؛
}

4. woocommerce_before_checkout_billing_form
يتم تحديد الخطاف قبل بدء نموذج الفاتورة.

add_action ('woocommerce_before_checkout_billing_form'، 'storeapps_before_checkout_billing_form'، 10) ؛
وظيفة storeapps_before_checkout_billing_form () {
	صدى '<h2> woocommerce_before_checkout_billing_form </h2>'؛
}

5. woocommerce_after_checkout_billing_form
يتم تحديد الخطاف بعد إكمال نموذج الفواتير.

add_action ('woocommerce_after_checkout_billing_form'، 'storeapps_after_checkout_billing_form'، 10) ؛
وظيفة storeapps_after_checkout_billing_form () {
	صدى '<h2> woocommerce_after_checkout_billing_form </h2>'؛
}

6. woocommerce_before_checkout_registration_form
يتم تحديد الخطاف في قالب نموذج الفوترة بعد نموذج إنشاء الحساب. سيتم تنفيذ هذا للمستخدمين الضيوف.

add_action ('woocommerce_before_checkout_registration_form'، 'storeeapps_before_checkout_registration') ؛
وظيفة storeapps_before_checkout_registration_form () {
    صدى '<h2> woocommerce_before_checkout_registration_form </h2>'؛
}

7. woocommerce_after_checkout_registration_form
يتم تحديد موضع الإضافة في قالب نموذج الفوترة. سيتم تنفيذ هذا للمستخدمين الضيوف.

add_action ('woocommerce_after_checkout_registration_form'، 'storeapps_after_checkout_registration_form') ؛
وظيفة storeapps_after_checkout_registration_form () {
    صدى '<h2> woocommerce_after_checkout_registration_form </h2>'؛
}

8. woocommerce_checkout_shipping
يتم تعريف هذا الخطاف في قالب نموذج الشحن قبل نموذج الشحن.

add_action ('woocommerce_checkout_shipping'، 'storeapps_checkout_shipping') ؛
وظيفة storeapps_checkout_shipping () {
    صدى '<h2> woocommerce_checkout_shipping </h2>'؛
}

9. woocommerce_before_checkout_shipping_form
يتم تحديد هذا الخطاف قبل بدء نموذج الشحن مباشرة.

add_action ('woocommerce_before_checkout_shipping_form'، 'storeapps_before_checkout_shipping_form'، 10) ؛
وظيفة storeapps_before_checkout_shipping_form () {
	صدى '<h2> woocommerce_before_checkout_shipping_form </h2>'؛
}

10. woocommerce_after_checkout_shipping_form
يتم تحديد هذا الخطاف بعد إكمال نموذج الشحن.

add_action ('woocommerce_after_checkout_shipping_form'، 'storeapps_after_checkout_shipping_form'، 10) ؛
وظيفة storeapps_after_checkout_shipping_form () {
	صدى '<h2> woocommerce_after_checkout_shipping_form </h2>'؛
}

11. woocommerce_before_order_notes
يتم تحديد هذا الخطاف قبل حقل ملاحظات الطلب في صفحة الخروج.

add_action ('woocommerce_before_order_notes'، 'storeapps_before_order_notes'، 10) ؛
وظيفة storeapps_before_order_notes () {
	صدى '<h2> woocommerce_before_order_notes </h2>'؛
}

12. woocommerce_after_order_notes
يتم تحديد هذا الخطاف بعد حقل ملاحظات الطلب في صفحة الخروج.

add_action ('woocommerce_after_order_notes'، 'storeapps_after_order_notes'، 10) ؛
وظيفة storeapps_after_order_notes () {
	صدى '<h2> woocommerce_after_order_notes </h2>'؛
}

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

add_action ('woocommerce_checkout_after_customer_details'، 'storeapps_checkout_after_customer_details' ، 10) ؛
وظيفة storeapps_checkout_after_customer_details () {
	صدى '<h2> woocommerce_checkout_after_customer_details </h2>'؛
}

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

add_action ('woocommerce_checkout_before_order_review_heading'، 'storeapps_checkout_before_order_review_heading') ؛
وظيفة storeapps_checkout_before_order_review_heading () {
    صدى '<h2> woocommerce_checkout_before_order_review_heading </h2>'؛
}

15. woocommerce_checkout_order_review
يتم تحديد الخطاف في قالب السحب الرئيسي. يتم تضمين قالب جدول مراجعة الطلب باستخدام هذا الخطاف.

add_action ('woocommerce_checkout_order_review'، 'storeapps_checkout_order_review') ؛
وظيفة storeapps_checkout_order_review () {
    صدى '<h2> woocommerce_checkout_order_review </h2>'؛
}

16. woocommerce_checkout_before_order_review
يتم تحديد هذا الخطاف قبل تفاصيل الطلب في صفحة الخروج.

add_action ('woocommerce_checkout_before_order_review'، 'storeapps_checkout_before_order_review'، 10) ؛
وظيفة storeapps_checkout_before_order_review () {
	صدى '<h2> woocommerce_checkout_before_order_review </h2>'؛
}

17. woocommerce_review_order_before_cart_contents
يتم تعريف هذا الخطاف داخل نص جدول الطلبات قبل المحتوى.

add_action ('woocommerce_review_order_before_cart_contents'، 'storeeapps_review_order_before_cart_contents'، 10) ؛
وظيفة storeapps_review_order_before_cart_contents () {
	صدى '<h2> woocommerce_review_order_before_cart_contents </h2>'؛
}

18. woocommerce_review_order_after_cart_contents
يتم تعريف هذا الخطاف داخل نص جدول الطلبات بعد كل المحتوى.

add_action ('woocommerce_review_order_after_cart_contents'، 'storeapps_review_order_after_cart_contents'، 10) ؛
وظيفة storeapps_review_order_after_cart_contents () {
	صدى '<h2> woocommerce_review_order_after_cart_contents </h2>'؛
}

19. woocommerce_review_order_before_shipping
يتم تحديد هذا الخطاف قبل قسم الشحن في جدول الطلبات.

add_action ('woocommerce_review_order_before_shipping'، 'storeeapps_review_order_before_shipping'، 10) ؛
وظيفة storeapps_review_order_before_shipping () {
	صدى '<h2> woocommerce_review_order_before_shipping </h2>'؛
}

20. woocommerce_review_order_after_shipping
يتم تحديد هذا الخطاف بعد قسم الشحن في جدول تفاصيل الطلب.

add_action ('woocommerce_review_order_after_shipping'، 'storeapps_review_order_after_shipping'، 10) ؛
وظيفة storeapps_review_order_after_shipping () {
	صدى '<h2> woocommerce_review_order_after_shipping </h2>'؛
}

21. woocommerce_review_order_before_order_total
يتم تحديد هذا الخطاف قبل قسم الإجمالي وبعد قسم الشحن في جدول تفاصيل الطلب.

add_action ('woocommerce_review_order_before_order_total'، 'storeapps_review_order_before_order_total'، 10) ؛
وظيفة storeapps_review_order_before_order_total () {
	صدى '<h2> woocommerce_review_order_before_order_total </h2>'؛
}

22. woocommerce_review_order_after_order_total
يتم تحديد هذا الخطاف بعد القسم الإجمالي وفي جدول تفاصيل الطلب.

add_action ('woocommerce_review_order_after_order_total'، 'storeapps_review_order_after_order_total'، 10) ؛
وظيفة storeapps_review_order_after_order_total () {
	صدى '<h2> woocommerce_review_order_after_order_total </h2>'؛
}

23. woocommerce_review_order_before_payment
يتم تحديد هذا الخطاف قبل قسم طرق الدفع في صفحة الخروج.

add_action ('woocommerce_review_order_before_payment'، 'storeeapps_review_order_before_payment'، 10) ؛
وظيفة storeapps_review_order_before_payment () {
	صدى '<h2> woocommerce_review_order_before_payment </h2>'؛
}

24. woocommerce_review_order_before_submit
يتم تحديد هذا الخطاف قبل زر "تقديم الطلب" في صفحة الدفع.

add_action ('woocommerce_review_order_before_submit'، 'storeapps_review_order_before_submit'، 10) ؛
الوظيفة storeapps_review_order_before_submit () {
	صدى '<h2> woocommerce_review_order_before_submit </h2>'؛
}

25. woocommerce_review_order_after_submit
يتم تحديد هذا الخطاف بعد زر "تقديم الطلب" في صفحة الدفع.

add_action ('woocommerce_review_order_after_submit'، 'storeapps_review_order_after_submit'، 10) ؛
وظيفة storeapps_review_order_after_submit () {
	صدى '<h2> woocommerce_review_order_after_submit </h2>'؛
}

26. woocommerce_review_order_after_payment
يتم تحديد هذا الخطاف بعد قسم الدفع بالكامل بما في ذلك زر "تقديم الطلب".

add_action ('woocommerce_review_order_after_payment'، 'storeapps_review_order_after_payment' ، 10) ؛
وظيفة storeapps_review_order_after_payment () {
	صدى '<h2> woocommerce_review_order_after_payment </h2>'؛
}

27. woocommerce_checkout_after_order_review
يتم تحديد هذا الخطاف بعد قسم مراجعة الطلب في صفحة الخروج والتي تتضمن جدول تفاصيل الطلب وقسم الدفع.

add_action ('woocommerce_checkout_after_order_review'، 'storeapps_checkout_after_order_review'، 10) ؛
وظيفة storeapps_checkout_after_order_review () {
	صدى '<h2> woocommerce_checkout_after_order_review </h2>'؛
}

28. woocommerce_after_checkout_form
يتم تحديد هذا الخطاف في نهاية نموذج السحب.

add_action ('woocommerce_after_checkout_form'، 'storeapps_after_checkout_form'، 10) ؛
وظيفة storeapps_after_checkout_form () {
	صدى '<h2> woocommerce_after_checkout_form </h2>'؛
}

إزالة الإجراءات الافتراضية على صفحة الخروج

بشكل افتراضي ، يتم استخدام بعض الخطافات فقط بواسطة WooCommerce لإضافة:

• نموذج تسجيل الدخول قبل نموذج الخروج (woocommerce_checkout_login_form)
• نموذج القسيمة قبل نموذج الخروج (woocommerce_checkout_coupon_form)
• طلب جدول مراجعة قسم مراجعة الطلب (woocommerce_order_review)
• جدول المدفوعات أيضًا إلى قسم مراجعة الطلبات (woocommerce_checkout_payment)

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

/ **
 * إزالة السنانير الافتراضية لسحب WooCommerce
 * /
remove_action ('woocommerce_before_checkout_form'، 'woocommerce_checkout_login_form'، 10) ؛
remove_action ('woocommerce_before_checkout_form'، 'woocommerce_checkout_coupon_form'، 10) ؛
remove_action ('woocommerce_checkout_order_review'، 'woocommerce_order_review'، 10) ؛
remove_action ('woocommerce_checkout_order_review'، 'woocommerce_checkout_payment'، 20) ؛

محرر حقل الخروج المخصص في WooCommerce

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

ولكن ماذا عن حقول الخروج المخصصة؟ سيتطلب الترميز المخصص الكثير من العمل.

ولكن بمساعدة Cashier ، يمكنك تحرير / إضافة / إزالة حقول WooCommerce الأساسية وأيضًا إضافة حقول مخصصة لقسم الشحن والفوترة والحقول الإضافية.

تغليف

آمل أن يكون هذا الدليل قد ساعدك في تغطية جميع خطاطيف الخروج من WooCommerce المهمة.

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

وللحصول على مزيد من التحسين في عملية الدفع ، فإن المكونات الإضافية للدفع لـ WooCommerce موجودة دائمًا لمساعدتك.