十分钟搭建功能最全面的开源发卡站

市面上免费开源的发卡站程序有不少,比如风铃发卡,zfaka(使用量最大),以及最近新出的独角数卡等等。这些发卡站的优势是能够简单方便地实现支付和发卡功能,但是除此之外,他们的功能都比较单一,且界面比较朴素(独角数卡未来将支持界面模板管理)。而且,由于是个人开发的发卡系统,使用人数也不是很多,难免在安全性上得不到保障。(这里给风铃发卡点个赞,据说是经过了安全审计的。)同时,这些发卡系统都或多或少地用到了一些框架,使得安装变得较为复杂。

因此,我们希望能够打造一款功能更全面,试样更丰富,安全性更高的开源免费发卡站。经过一番研究,我们成功实现了目标:功能全面,式样丰富,安全可靠的发卡站。它的基础版功能包括:付费发卡,商品分类及标签,用户注册,订单查询,后台报表与统计,优惠码,各种类型的折扣(比如批发折扣,满100减10元等等),付费下载,广告投放,邮件模板管理,甚至推广返利aff功能。它的式样可以随意定制,非常方便。而它的安全性有着足够的保障,其所有组件均为使用人数十万甚至百万以上的开源免费组件,且更新维护积极。而它的搭建更是特别简单,只需要最基础的PHP + 数据库,即可轻松搭建,建站小白也可以毫无压力地搭好,甚至在虚拟主机上都可以轻松搭建。

下面,我们就开始介绍如何搭建这样一个多功能的发卡站。示例站点:laimaiya.com 本文作者为为香菇肥牛,原文链接为https://qing.su/article/148.html, 转载请注明原文链接。谢谢!

1, 网站的基本框架

很多朋友从我上面自己的发卡站就能看出来了,这个发卡站是基于WordPress搭建的(万能的WordPress啊……)。网站的基本框架是WordPress + WooCommerce.  WooCommerce是世界上使用量最大的WordPress商城插件,经过多年耕耘,WooCommerce已经围绕WordPress + WooCommerce这个双核心打造出了一套完整的应用生态,而这也成为了我们能够打造出发卡站的基础。装好WordPress (如果您还没有安装,可以考虑使用之前介绍的只用一行命令就可以搭建WordPress的小技巧https://qing.su/article/146.html), 然后在后台插件管理里面搜索WooCommerce, 即可安装并启用WooCommerce商城插件,瞬时帮您把WordPress改造成商城。这里我建议使用和WooCommerce配套的StoreFront主题,因为它的界面比较适合商城,当然您也可以使用您想要的任何主题(比如我习惯用Hueman Pro)。

由于整个站点的主要功能就是发卡或销售其他虚拟物品,因此我们希望用户访问我们网站的时候就能看到商品。因此,建议您将首页设置成固定页面 – 商城页。

然后,我们就开始对WordPress + WooCommerce核心开始改造和添砖加瓦,实现我们需要的功能。

2, 发卡系统

仅仅有WooCommerce, 还不能实现发卡。我们需要安装插件License Manager for WooCommerce. 这是一款专为WooCommerce打造的卡密管理与销售插件,支持批量导入卡密、手动添加、自动通过WooCommerce分发、自动生成卡密等功能。

安装完毕之后,在后台左侧能看到序列号管理器的菜单,点进去之后就可以管理和添加卡密了。使用时,请先在WooCommerce里面添加产品,然后在序列号管理器中将卡密和商品关联起来,最后编辑之前新建的商品,勾选“这个产品出售序列号”,即可。如下图。

 

 

需要注意的是,我们在这里同时勾选了“虚拟”和“可下载”两个属性,尽管这个商品并不提供付费下载。设置“可下载”属性的作用是让该产品自动发货。只要您勾选了出售序列号,商品就不会给客户发送下载链接,所以这里勾选“可下载”属性并没有什么影响。

3, 付费下载系统

付费下载系统是WooCommerce原生支持的,无需额外插件。

在商品属性里面勾选“可下载”和“虚拟”两个属性,并填写下载链接,即可让用户付费后自动获得加密后的下载链接。

4, 邮件发送与模板

由于是一个发卡商城,我们肯定需要设置稳定的邮件发送,这样客户不仅能在结账页面看到卡密,还能收到邮件。我们需要安装一个SMTP发信插件(我这里用的是WP Mail SMTP),并配置SMTP服务器。

配置好SMTP发信之后,可以编辑一下邮件模板。点击左侧的WooCommerce, 选择设置,并点击电子邮件,即可看到各种邮件模板。我并没有对模板本身做任何改动,因为他们已经写得很好了,如果需要的话可以自行修改。有一个地方是建议修改的,即邮件底部的版权文字,默认是WooCommerce, 可以改成你自己的网站。修改方法也很简单,直接拖到页面下方,更改“底部的文本”内容即可,如下图。

5, 订单查询页面

有的时候,客户需要查询之前购买的卡密,或者想重新下载之前付过费的内容,这时,一个订单查询页面就很有必要了。

WooCommerce已经提供了这样的功能,我们新建一个页面,输入以下的短代码即可:

1
[woocommerce_order_tracking]

6, 用户界面定制

主题相关的用户界面的定制我就不在这里介绍了,您可以自由选择想用的主题,打造出自己想要的商城页面。

这里我想要介绍的,是另一款插件,WooCustomizer.  这款插件可以对WooCommerce整个系统的用户界面做出非常个性化的定制,也能实现很多有用的功能,比如展示库存,编辑商城页显示商品的数量等等。

安装完毕后,点击后台左侧外观 – 自定义,然后选择左侧WooCustomizer, 即可对商城页、商品页、购物车、结账页等多处进行个性化定制,非常方便。

7, 移除结账页个人信息

由于我们是做发卡站,没有线下物流,因此不需要太多的个人信息,只需要用户的邮箱地址就可以了。默认的WooCommerce结账页面需要用户填写大量的个人信息,包括电话、地址、邮编、姓名、等等,非常繁琐。我们可以做如下的改动,来去掉这些不需要的输入框。

点击外观 – 主题编辑器,在模板函数(functions.php)文件中添加下面的内容,即可去掉不需要的输入框。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
add_filter( 'woocommerce_checkout_fields' , 'custom_override_checkout_fields' );
function custom_override_checkout_fields( $fields ) {
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_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_city']);
return $fields;
}

8, 优惠码与折扣设置

优惠码与折扣是非常有效的促销手段,但是我们有必要将两者区分开来。优惠码是用户手动输入的,而折扣是系统自动的;两者的使用方式不一样,在效果上也有所不同。

优惠码的设置非常简单,点击左侧WooCommerce – 优惠券,即可设置优惠码。优惠码的设置支持按照百分比折扣,减免固定金额,支持对于特定商品和用户设置等等。

系统折扣的设置就比较复杂了,比如批发折扣,这里就需要额外的插件。在后台安装Discount Rules for WooCommerce插件,启用之后即可在左侧WooCommerce – Woo Discount Rules里面设置折扣,比如买3件可以打折,满100块钱可以减10块,挑3样任意物品可以免去价格最低的物品的价格,等等。

设置的折扣可以在商品页面显示,比如我们新建了一个买3件减10%,买5件减20%的折扣,那么我们编辑该折扣,在“Format for advanced table display option (see plugin settings)”这里填入短代码:

买{{min_quantity}}件以上可以获得{{discount}}优惠!

这样就可以在商品页面看到折扣显示了。

9, 支付接口

WooCommerce是使用量非常大的商城系统,因此支持几乎大部分的支付系统,无需额外编写对接。

WooCommerce原生支持Paypal付款。如果想接入支付宝,安装对应的插件即可。比如,想要接入支付宝当面付,可以安装下面这个插件:https://github.com/xytoki/woocommerce-alipay-f2f

我这里用的是虎皮椒支付,可以快速接入支付宝和微信支付,无需挂机和执照。他们也提供了WooCommerce插件,可以直接上传安装。

10, 推广返利系统

推广返利系统属于较为高级的功能,也是其他的发卡系统都不具备的功能。实现这一功能,我们需要额外安装两个免费插件,Affiliates和Affiliates WooCommerce Light.  需要注意的是,有一个类似的插件叫作Affiliate (没有结尾的s), 这个不是我们需要的插件(Affiliates),切勿错装。

安装好这两个插件之后,可以在后台 – Affiliates里面设置推广提成比例,推广链接格式,推广注册提成,等等非常使用的功能。设置完毕之后,我们需要建立一个简单的后台,给我们的“推销员”们查看推销数据及推广链接等信息。

我们新建一个页面,标题为“推广”,内容如下:

1
2
3
[affiliates_is_not_affiliate] 请登录您的推广账户。[affiliates_login_redirect]
没有账户?点击这里注册 [/affiliates_is_not_affiliate]
[affiliates_is_affiliate][affiliates_dashboard][/affiliates_is_affiliate]

然后将“没有账户?点击这里注册”链接到另一个推广账户注册页面。这些短代码的作用是检测到推广账户没有登录,则显示登录或者注册页面,登录后自动跳转回该页面;检测到已登录,则显示账户后台。账户后台包含了推广数据及推广链接等信息。

在注册账户页面中,我们加入下面的短代码:

1
[affiliates_registration redirect=true redirect_to="https://laimaiya.com/affiliates"]

这个页面的作用是显示一个注册账户表格,并在注册完成后重定向到我们之前新建的推广账户后台页面。

 

对于我们这个多功能发卡站,我们今天就介绍到这里。其他功能,比如商品视频介绍,广告插入等,都是基础的WordPress功能,就不再过多介绍了。如果需要其他额外的功能,一般都会有现成的插件可供选择。

怎么样,这个多功能发卡站是不是非常全能,且搭建也很简单呢?如果您有什么好的建议,或者有其他疑问,欢迎留言与我交流。本文作者为为香菇肥牛,原文链接为https://qing.su/article/148.html, 转载请注明原文链接。谢谢!

28 thoughts on “十分钟搭建功能最全面的开源发卡站”

  1. zfaka魔改版 pay.ixiaotian.com

    话说大佬的码支付内测邀请码搞定没,我也想搞一个,但是mjj的哪个20 我感觉不太划算

    Reply
  2. 谢谢呀,一个发卡商城我计划了1年多了没有找到合适的程序,也找过开发团队,但是开发团队细节东西处理不行,我的一些主要需求基本你上面都描述了.我准备尝试一下您这个方案了,再次感谢

    Reply
  3. 大佬,其他功能都可以,就是自动发送邮件有问题,smtp测试是没有问题,购买后不能自动发送邮件是什么原因呢?

    Reply
  4. 老大,咨询一下,上面提到的主题和插件为什么都找不到?要么就是英文版的

    Reply
  5. 我也遇到了不自动发送邮件的问题,经过排查是绑定了乱填写的序列号管理器(勾选了自动生成序列号),取消勾选删除后可以正常发送邮件了。

    Reply
  6. 请问当面付已经付款,但页面没有跳转,仍旧在付款二维码页面,是怎么回事呢?
    测试支付宝是可以收到款的。

    Reply
  7. 博主优秀,本来想要用独角数卡建发卡站的。但一直想着能不能用Wordpress插件解决。解决大问题了,抽时间试试。感谢~

    Reply

Leave a Comment