27개 이상의 WooCommerce 체크아웃 후크 그림

이 게시물에서는 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(){

            echo '<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(){

echo '<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() {

echo '<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(){

echo '<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(){

echo '<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() {

echo '<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() {

echo '<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() {

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<h2>woocommerce_checkout_after_customer_details</h2>';

} 

14. woocommerce_checkout_before_order_review_heading

woocommerce_checkout_before_order_review_heading 후크는 "Your Order"인 주문 검토 제목 앞에 체크아웃 템플릿에서 정의됩니다. 이 후크는 WooCommerce v3.6.0에 추가되었습니다.

 add_action('woocommerce_checkout_before_order_review_heading', 'njengah_checkout_before_order_review_heading');

기능 njengah_checkout_before_order_review_heading() {

echo '<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() {

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<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(){

echo '<h2>woocommerce_after_checkout_form</h2>';

} 

결론

이 게시물은 체크아웃 페이지에서 사용할 수 있는 모든 WooCommerce 후크를 보여줍니다. 이 후크를 사용하면 필요에 따라 체크아웃 페이지를 사용자 정의할 수 있습니다.

후크를 처음 사용하는 경우 이 스크립트를 복사하여 자식 테마의 functions.php 파일에 직접 붙여넣을 수 있습니다. 이제 창의력을 발휘하고 결제 페이지를 사용자 정의하여 전환율을 높일 수 있습니다.

또는 코드에 익숙하지 않은 경우 플러그인을 사용하여 이 섹션을 사용자 지정할 수 있습니다. 추가 사용자 정의가 필요한 경우 자격을 갖춘 WordPress 개발자를 고용하는 것을 고려하십시오.

유사한 기사

1. WooCommerce Storefront 테마는 무엇입니까? [답변]
2. WooCommerce 장바구니와 결제를 한 페이지에 두는 방법
3. WooCommerce 결제 양식에 추가 필드를 추가하는 방법
4. 매장 결제 페이지를 사용자 정의하는 방법
5. 장바구니 페이지 WooCommerce Storefront 테마를 제거하는 방법
6. 필드 값이 있는 경우 결제 시 세금을 숨기는 방법 WooCommerce
7. 회사 이름 필드를 숨기는 방법 WooCommerce 결제 페이지
8. 결제 버튼 WooCommerce를 제거하는 방법
9. Checkout WooCommerce에서 수량을 변경하는 방법
10. 추가 정보 체크아웃 페이지 WooCommerce를 제거하는 방법