Woocommerce как изменить спасибо ваш заказ был принят

В этом уроке я покажу вам несколько способов, как вы сможете добавить какой-нибудь произвольный текст или HTML-код на страницу «Спасибо» в WooCommerce.

И прежде, чем мы приступим, я бы хотел порекомендовать вам свой видеокурс по WooCommerce, который доступен по этой ссылке.

Начнём вот с такого нехитрого примера:

Для того, чтобы добавить текст как на скриншоте, вы можете использовать код:

add_action( 'woocommerce_before_thankyou', 'truemisha_before_thankyou', 25 );
 
function truemisha_before_thankyou( $order_id ) {
	echo '<h2>20% на следующую покупку!</h2>';
	echo '<p>Мы благодарим вас за покупку и поэтому дарим вам промокод "<strong>PROMO20</strong>" на получение 20% скидки на вашу следующий заказ!</p>';
}

А вот и полный набор хуков изменения и добавления текста на странице «Заказ принят»:

• woocommerce_before_thankyou – ну этот мы и использовали с вами в примере – позволяет добавить текст или HTML прямо в самом начале страницы «Спасибо», сразу после заголовка.
• woocommerce_thankyou – то же самое, только в самом конце странице.
• woocommerce_thankyou_ПЛАТЁЖНЫЙ ШЛЮЗ, например woocommerce_thankyou_paypal – позволяет вывести что-либо в конце страницы «Спасибо» в зависимости от используемого метода оплаты покупателем, как узнать ярлык метода оплаты вы можете найти в этом уроке.

Каждый из перечисленных выше экшн-хуков имеет один и тот же параметр – $order_id (ID заказа).

Как изменить или удалить текст «Спасибо, ваш заказ был принят»

Ещё на самом первом скриншоте этого урока вы могли заметить, что сразу после нашего добавленного текста есть ещё какая-то строчка «Спасибо, ваш заказ был принят», так вот, это автоматический текст WooCommerce, который был в шаблоне, но благодаря фильтр-хуку woocommerce_thankyou_order_received_text мы можем изменить его или удалить.

Меняем текст:

add_filter( 'woocommerce_thankyou_order_received_text', 'truemisha_thank_you_text', 25 );
 
function truemisha_thank_you_text( $order ) { // объект заказа доступен внутри
	return 'Спс!';
}

Если хотите удалить, то можете просто возвратить пустую стркоу, но к сожалению оборачивающие этот текст теги <p> никуда не денутся, возможно придётся применить CSS.

1. Download the .zip file from your WooCommerce Account.
2. On your WordPress Dashboard, go to Plugins > Add New and click Upload Plugin  – choose the .zip file you have downloaded.
3. Proceed to install and activate the extension.

For additional information see also Install and Activate Plugins/Extensions.

Thank you pages can be configured from the ‘Advanced’ section on every product, and the variation settings for each variation. There you’ll have a field where a custom URL can be entered, or searched for any page, post or custom post type.

Above you can configure the different custom confirmation page(s) per product and variation. A global custom thank you page that applies to all products can also be configured. The setting for this can be found at WooCommerce > Settings > Payments (previously Checkout) > Thank you pages.

All fields have a ‘priority’ setting included. This setting determines the priority in which the thank you page will be picked / showing. The order is ascending, so starting with 0 it will display that confirmation page first, and the page with priority 10 after that.p

When a variable product has both a thank you page configured in the product and in the variation it will only take the thank you page from the variation, the product one will be ignored. When no specific thank you page is configured for the variation, but there is one for the variable product, it will use that one.

The Custom Thank You Pages for products are also configurable using the well known WordPress quick and bulk edit features.

When a customer purchases multiple products that have custom thank you pages configured there are two ways to handle that.

The redirect pages are sorted by their priority from low to high. When only wanting to show one thank you page it will show the first in line, so the page with the lowest priority.

There’s also a possibility to show multiple thank you page. In the WooCommerce > Settings > Payments > Thank you pages section there is a setting to enable “Thank you page navigation”. When enabled and multiple products with custom thank you pages configured are purchased it will add a navigation to the top of the thank you page which will allow the customer to navigate between the different thank you pages. These are sorted according to the priority that can be configured individually.

Here’s an example where I’ve purchased two products with different thank you pages and the setting enabled.

The following shortcodes can be used to display details of the order;

This shortcode can be used for many different details. The {KEY} needs to be replaced by one of the values below to determine what will be displayed by the shortcode. The following keys are available:

• ‘id’
• ‘order_number’
• ‘order_date’
• ‘total’
• ‘subtotal’
• ‘payment_method’
• ‘shipping_method’
• ‘status’
• ‘quantity’
• ‘shipping_address’
• ‘billing_address’
• ‘download_urls’
• ‘gateway_action’ – Performs actions related to the payment gateway, e.g. outputs bank details when BACS is used
• ‘thankyou_action’ – Performs the ‘woocommerce_thankyou’ action
• ‘thankyou_order_received_text’ – Output text that can be specific for payment gateways

For example, to display the order date, use the shortcode:

[order_detail key="order_date"]

This is for those who need additional order details and are comfortable getting in a bit more detail/depth. The [order_detail] shortcode offers dynamic retrieval of data based on the methods available in the WC_Order class. Any method that starts with get_* can be used in the ‘key’ attribute to output its return value.

E.g. the method get_billing_email exists in the WC_Order class. In order to use the value returned from this, you can simply use [order_detail key="billing_email"] (omitting the ‘get_’ part).

These are ALL the available methods

This displays the standard order details table and details that is used on the default thank you page.

This displays a page switcher when there are multiple thank you pages available. The setting already does this automatically, but if you want to position it somewhere differently you can use this shortcode.

Have a question before you buy? Please fill out this pre-sales form.

Already purchased and need some assistance? Get in touch with the developer via the Help Desk.