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

市面上免费开源的发卡站程序有不少,比如风铃发卡,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, 转载请注明原文链接。谢谢!

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

  1. zfaka魔改版 pay.ixiaotian.com

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

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

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

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

    Reply
  5. Woah! I’m really enjoying the template/theme of this site.
    It’s simple, yet effective. A lot of times it’s
    hard to get that “perfect balance” between superb usability
    and appearance. I must say that you’ve done a amazing job with this.
    Also, the blog loads extremely quick for me on Chrome.
    Outstanding Blog! 0mniartist asmr

    Reply
  6. Hi, Neat post. There is an issue with your website in web explorer,
    could check this? IE still is the market leader and a good
    section of other people will leave out your fantastic writing due to this problem.
    0mniartist asmr

    Reply
  7. Hi i am kavin, its my first time to commenting anyplace,
    when i read this paragraph i thought i could also make comment
    due to this sensible post.

    Reply
  8. whoah this weblog is excellent i love studying your posts.
    Stay up the good work! You know, a lot of people are hunting
    around for this info, you could help them greatly.

    Reply
  9. I am curious to find out what blog system you have been using?
    I’m experiencing some small security issues with my
    latest website and I’d like to find something more risk-free.
    Do you have any recommendations?

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

    Reply

Leave a Reply to 香菇肥牛 Cancel reply