WooCommerce自定义感谢页面的内容

下订单后,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 感谢页面可以用来做不少有意义的事情,比如:

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

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

本文内容来自:webroom,由 WordPress大学 翻译整理。

来源:

https://www.wpdaxue.com/custom-woocommerce-thank-you-page.html

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?