WooCommerce自定义感谢页面的内容

PetitQ WordPress教程 2020-5-18 1.60K 0 0

WooCommerce 自定义感谢页面的内容下订单后，WooCommerce 一般会将用户重定向到感谢页面。该页面显示了包括订单号、订单日期、客户邮箱、总付款金额、付款方式、产品本身以及帐单/运输等信息。默认的“感谢”页面比较枯燥无聊。我们可以自定义 WooCommerce 感谢页面，让它更加友好和吸引用户。比如可以在这里像客户提供额外的折扣优惠券，或让他们免费下载某些东西来感谢他们购买产品。WooCommerce 感谢页面有 3 个钩子：

woocommerce_before_thankyou
woocommerce_thankyou_
woocommerce_thankyou

Woocommerce_thankyou_ 钩子的注意事项，WooCommerce Thankyou.php 模板文件中定义的操作是：

也想出现在这里？联系我们吧

do_action( 'woocommerce_thankyou_' . $order->get_payment_method(), $order->get_id() );

这意味着该钩子本身不是 woocommerce_thankyou_，而是 woocommerce_thankyou_{PAYMENT METHOD SLUG}。这使您可以根据已付款订单的付款方式在感谢页面上添加特定内容。例如，如果用户通过银行转账付款，那对应的钩子将为 woocommerce_thankyou_bacs。如果您想根据使用的付款方式添加不同的消息，这就非常方便了。

如何获得付款方式？访问 WordPress 后台，在 WooCommerce>设置>付款，单击要挂钩的付款网关，然后在浏览器中查看网址，该条目将在那里显示。

WooCommerce 感谢页面钩子位置，在下图中，我们已经标注了什么提到的 3 个钩子的具体位置：

向 WooCommerce 感谢页面添加自定义内容，现在我们知道了“感谢”页面的挂钩以及它们的位置，我们就可以添加自定义内容。例如，如果用户的付款方式为直接银行转帐，则在订单明细之前添加奖励优惠券代码：

add_action('woocommerce_thankyou_bacs', 'webroom_custom_bank_thankyou_message', 5);

function webroom_custom_bank_thankyou_message(){

	echo '<p>Thank you for shopping with us! Here is 10% OFF of your next purchase. Use coupon code: <b>10OFF</b></p>';

```
}
```

添加自定义内容到“订单已收到”标题下方：

add_action('woocommerce_before_thankyou', 'webroom_custom_bank_thankyou_message', 5);

function webroom_custom_bank_thankyou_message(){

	echo '<p>Thank you for shopping with us! Here is 10% OFF of your next purchase. Use coupon code: <b>10OFF</b></p>';

```
}
```

更改“感谢”页面的标题，感谢页面的标题默认为“订单已收到”，我们可以根据需要修改这个标题：

add_filter( 'woocommerce_endpoint_order-received_title', 'webroom_change_thankyou_title' );

```
 
```

function webroom_change_thankyou_title( $old_title ){

```
 
```

 	return 'We received your order! Thank you!';

```
 
```
```
}
```

在“订单已收到”下方添加自定义内容，通过添加客户的名字使它更加个性化：

add_filter( 'woocommerce_thankyou_order_received_text', 'webroom_change_thankyou_sub_title', 20, 2 );

```
 
```

function webroom_change_thankyou_sub_title( $thank_you_title, $order ){

```
 
```

	return $order->get_billing_first_name() . ', thank you very much for your order!';

```
 
```
```
}
```

额外提示

WooCommerce 感谢页面可以用来做不少有意义的事情，比如：

引导用户进行评论/反馈–利用“感谢”页面的一个很好的例子是要求客户在 Google 或 Facebook 或任何地方进行评论，或要求他们在社交媒体上分享订单/产品。
保持访问者的参与度–您甚至可以从博客文章中添加内容，以使他们在购买后继续浏览网站。
跟踪营销结果–“感谢”页面是放置 Google Ads 或 Facebook Ads 转化跟踪代码的正确位置。
隐藏的自定义通知–用户仅在下订单后才访问“感谢”页面，因此您可以添加功能以向某人发送自定义电子邮件，以通知他们有关新订单的信息。

通过对感谢页面的优化，可以在一定程序上改善网站的用户体验，有需要的朋友可以去实践。