下订单后,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转化跟踪代码的正确位置。
- 隐藏的自定义通知–用户仅在下订单后才访问“感谢”页面,因此您可以添加功能以向某人发送自定义电子邮件,以通知他们有关新订单的信息。
通过对感谢页面的优化,可以在一定程序上改善网站的用户体验,有需要的朋友可以去实践。
本文内容来自:webroom,由 WordPress大学 翻译整理。
来源:
https://www.wpdaxue.com/custom-woocommerce-thank-you-page.html