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

文 / @WordPress主题

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为好友
扫码添加UTHEME微信为好友
· 分享WordPress相关技术文章,主题上新与优惠动态早知道。
· 微信端最大WordPress社群,限时免费入群。