27+ WooCommerce Checkout Hooks 图解

在这篇文章中，您将学习如何在 WooCommerce 中使用结帐挂钩。 坚持到底，因为我们将研究主要的钩子，并为您提供如何使用它们的示例。 它们可帮助您自定义结帐页面以提高转化率。

WooCommerce 钩子

挂钩是强大的功能，允许您在不修改核心文件的情况下更改或添加代码。 它们提供了很大的灵活性，开发人员使用它们来更改 WooCommerce 的默认功能。

你应该注意到有两种不同的钩子：

• 动作钩子——它们允许您添加自定义代码以在事件发生时执行某些操作。
• 过滤器钩子——它们改变现有变量或函数的行为。

WooCommerce 结帐挂钩

Hooks 帮助开发人员实用灵活地创建定制的解决方案。 结帐挂钩是 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）；

功能 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 钩子在订单表中的 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）；

功能 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）；

功能 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 钩子。 这些钩子允许您根据需要自定义结帐页面。

如果这是您第一次使用钩子，您可以复制这些脚本并将它们直接粘贴到您的子主题的 functions.php 文件中。 您现在可以发挥创意并自定义结帐页面以提高转化率。

或者，如果您不熟悉代码，可以使用插件自定义此部分。 如果您需要进一步定制，请考虑聘请合格的 WordPress 开发人员。

类似文章

1. 什么是 WooCommerce 店面主题？ [已回答]
2. 如何将 WooCommerce 购物车和结帐放在一页上
3. 如何在 WooCommerce 结帐表单中添加额外字段
4. 如何自定义店面结帐页面
5. 如何删除购物车页面 WooCommerce 店面主题
6. 如果存在字段值，如何在结帐时隐藏税金 WooCommerce
7. 如何隐藏公司名称字段 WooCommerce 结帐页面
8. 如何删除结帐按钮 WooCommerce
9. 如何在结帐 WooCommerce 中更改数量
10. 如何删除附加信息结帐页面 WooCommerce