修改WooCommerce结账页面Checkout Page内容的方法

如果你用WooCommerce搭建了一个电子商务网站，那么默认结账的时候页面会要求用户填写姓名、城市、地区、邮箱、公司等繁琐的内容，可能对于某些电商网站，并不需要客户填写这么多内容，也可能不仅仅需要填写这么点内容，还想自己新增一些选项供客户填写，亦或者想在结账页面加一些展示内容，那么应该怎么做呢？我们一步一步来。

精简结账页面的公司地址信息

如果你只是想精简掉结账页面的公司和城市地址信息，那么可以直接使用下面的代码来解决，添加到主题函数文件就可以了，推荐使用Code Snippets这款插件帮你管理代码。

add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
//unset($fields['order']['order_comments']);
unset( $fields['billing']['billing_country'] );
//unset( $fields['billing']['billing_first_name'] );
//unset( $fields['billing']['billing_last_name'] );
unset( $fields['billing']['billing_company'] );
unset( $fields['billing']['billing_address_1'] );
unset( $fields['billing']['billing_address_2'] );
unset( $fields['billing']['billing_city'] );
unset( $fields['billing']['billing_state'] );
unset( $fields['billing']['billing_postcode'] );
//unset($fields['billing']['billing_email']);
unset( $fields['billing']['billing_phone'] );
return $fields;
}

添加后，网站前台结账界面就变成了这种。

使用插件管理字段

如果精简这个代码不能满足你的需求，你还想要添加一些特殊字段到结账页面，那么怎么处理呢？我们可以借助插件来帮忙。

WooCommerce自定义结账页面的插件很多，这里推荐用户量比较多的Checkout Field Editor (Checkout Manager) for WooCommerce这款插件。

你可以使用这个插件方便的新增、删除、启用、禁用字段。

如果你想用代码来解决的话，可以参考官方文档

重新设计结账页面

通过上面两种方法可以实现对Checkout Page里面的字段进行修改和管理，但是可能默认的结账页面风格并不能满足你网站自定义需求，所以我们还可以通过插件来重新设计结账页面。

这里推荐比较有名气的CartFlows插件。

从WordPress后台安装好CartFlows之后，进入插件设置，这款插件可以配合构建器使用，所以想要自己设计页面也非常简单。

对于新手来说，从插件自带的Flow Templates里面挑选一个修改了使用是比较方便的。

首先，创建或者导入一个Checkout Page，然后进行页面设计，保存。

接着，在插件设置里面，设置Global Checkout为刚才创建的结账页面。

最后前台用户进行结账的时候，结账页面就会变成你自己设计的这个页面了。

以上几种方法就是分享的自定义WooCommerce结账页面的方法了，希望对你有所帮助。

标签：页面方法内容Page