WooCommerce添加自定义功能页面到我的账户页面

WooCommerce是WordPress的B2C电子商务解决方案

我是一名网站开发者，经常使用WordPress进行网站开发，其中一个必不可少的功能便是电子商务。而WooCommerce便是WordPress的B2C电子商务解决方案，对网站所有者来说，这是一个真正的开箱即用的电商解决方案，只需要选择一个支持WooCommerce的WordPress主题，在后台进行一些设置，然后就可以发布商品，开始在线销售了。WooCommerce为我们提供了一个包含基础功能的前端用户中心，在我的账户页面，用户可以设置收货地址、查看订单、修改密码。对于一个基本的电子商务系统来说，这些功能刚好够用。

自定义功能增强用户粘性

除了这些基本的电子商务功能，我们还可以在WooCommerce中添加一些自定义功能，来增强用户粘性，提高转换率。比如增加积分功能，用户完成了订单或对商品作出评价时，我们可以赠送给用户一些积分。用户使用积分可以兑换礼品、抵扣货款等等，我们可以在WooCommerce中设置各种各样的营销套路。

要想让这些套路进行得更加顺畅，给用户带来更好的体验，我们就需要在WooCommerce的我的账户页面增加一些页面，让用户可以看到自己的活动和获得的权益。下图中展示的就是我们为客户添加的一个收集积分的自定义页面。

在WooCommerce账户页面增加自定义页面

下面我们来看一下怎么在WooCommerce账户页面增加一个自定义页面。

1、添加链接到我的账户页面

WooCommerce我们提供了一个“woocommerce_account_menu_items”钩子，通过这个钩子，我们可以添加或修改自定义链接到我的账户页面。

add_filter('woocommerce_account_menu_items',function($menu_links){

$menu_links=array_slice($menu_links,0,5,true)
+array('points'=>'MyPoints')
+array_slice($menu_links,5,NULL,true);

return$menu_links;

},40);

2、注册自定义链接端点

添加了自定义链接之后，我们需要添加一个自定义端点，让WordPress可以识别到这是一个自定义页面。

add_action('init',function(){
add_rewrite_endpoint('points',EP_PAGES);
});

3、我的账户自定义页面的内容

这里才是真正重要的一步，在这里，我们可以显示用户所获得的积分，或者可以兑换的权益等等。这里我们所有的钩子是woocommerce_account_{ENDPOINTNAME}_endpoint，这里的 ENDPOINTNAME 就是我们上一步添加的自定义链接端点，一定要对应上。

add_action('woocommerce_account_points_endpoint',function(){
echo'这里显示页面内容';
});

在这里，我们需要获取数据库内容，以一定的格式展示给用户。每个网站都有自己的UI系统，每个营销策略的逻辑也不尽相同，在这里就不再展示具体代码了。除了增加页面的我的账户页面，如果程序需要，我们还可以使用 woocommerce_api_(action)API为WooCommerce添加后台功能页面，比如WooCommerce的支付网关接口中，就使用了这个API为支付网关添加回调页面。

扫码添加UTHEME微信为好友

· 分享WordPress相关技术文章，主题上新与优惠动态早知道。
· 微信端最大WordPress社群，限时免费入群。