27+ проиллюстрированных хуков оплаты WooCommerce

В этом посте вы узнаете, как использовать хуки оформления заказа в WooCommerce. Держитесь до конца, так как мы рассмотрим основные крючки и дадим вам примеры того, что вы можете с ними сделать. Они помогут вам настроить страницу оформления заказа, чтобы повысить коэффициент конверсии.

Крючки WooCommerce

Хуки — это мощные функции, которые позволяют вам изменять или добавлять код без изменения основных файлов. Они обеспечивают большую гибкость, и разработчики используют их для изменения функций WooCommerce по умолчанию.

Следует отметить, что существует два типа различных хуков:

• Крючки действий — они позволяют добавлять пользовательский код для выполнения определенных действий при возникновении события.
• Перехватчики фильтров — они изменяют поведение существующей переменной или функции.

Крючки оплаты WooCommerce

Хуки помогают разработчикам создавать индивидуальные решения практически и гибко. Крючки Checkout — это один из нескольких хуков, поддерживаемых 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 определен в шаблоне оформления заказа перед заголовком обзора заказа, который называется «Ваш заказ». Этот хук был добавлен в 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 Theme
6. Как скрыть налог при оформлении заказа, если значение поля существует WooCommerce
7. Как скрыть поле названия компании на странице оформления заказа WooCommerce
8. Как удалить кнопку оформления заказа WooCommerce
9. Как изменить количество в кассе WooCommerce
10. Как удалить дополнительную информацию со страницы оформления заказа WooCommerce