优惠券,有利亦有弊。WooCommerce优惠码本是提升销量的利器,但有时却会让用户暂停下单,转而全网搜寻优惠码,由于购买时间的延长,很可能导致该用户放弃购买。
对此,亚马逊、eBay等互联网巨头有个巧妙的解决方案:要么在用户输入邮箱前隐藏优惠券表单,要么将优惠码输入框移至结算页底部。这一招极为高明——能使用户先专注于填写购物车/结算信息,再考虑输入或查找优惠码。
那么问题来了:如何移除购物车页的优惠券表单,又该如何将其移至结算页底部?老规矩,几行PHP代码就能搞定!下面方法适合采用Wordpress 搭建的WooCommerce商城。
解决方案一:隐藏WooCommerce购物车页的优惠券表单 (WooCommerce Cart Page)
/**
* @snippet Remove Coupon Form @ WooCommerce Cart
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @community https://xindute.com
*/
add_filter( 'woocommerce_coupons_enabled', 'bbloomer_disable_coupons_cart_page' );
function bbloomer_disable_coupons_cart_page() {
if ( is_cart() ) return false;
return true;
}
解决方案二:移动WooCommerce结算页的优惠券表单位置 (WooCommerce Checkout Page)
/**
* @snippet Remove Coupon Form @ WooCommerce Checkout (Top)
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @compatible WooCommerce 6
* @community https://businessbloomer.com/club/
*/
remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
/**
* @snippet Display Coupon Form @ WooCommerce Checkout (Bottom)
* @how-to businessbloomer.com/woocommerce-customization
* @author Rodolfo Melogli, Business Bloomer
* @community https://xindute.com
*/
add_action( 'woocommerce_review_order_after_submit', 'bbloomer_checkout_coupon_below_payment_button' );
function bbloomer_checkout_coupon_below_payment_button() {
echo '<hr>';
woocommerce_checkout_coupon_form();
}
如何添加代码?
将上述所需要的代码放入子主题的functions.php文件即可, 若代码失效请在评论区反馈。