市面上免费开源的发卡站程序有不少,比如风铃发卡,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, 转载请注明原文链接。谢谢!
都是插件啊,感觉好累赘有点
确实,Wordpress很依靠插件,不过实际用起来资源占用还是很小的
zfaka魔改版 pay.ixiaotian.com
话说大佬的码支付内测邀请码搞定没,我也想搞一个,但是mjj的哪个20 我感觉不太划算
大佬怕是认错人了喔,我没有弄什么码支付内测邀请码呢
谢谢呀,一个发卡商城我计划了1年多了没有找到合适的程序,也找过开发团队,但是开发团队细节东西处理不行,我的一些主要需求基本你上面都描述了.我准备尝试一下您这个方案了,再次感谢
嗯嗯,感谢支持!
大佬,其他功能都可以,就是自动发送邮件有问题,smtp测试是没有问题,购买后不能自动发送邮件是什么原因呢?
SMTP测试是在你那台服务器上面测试了没有问题?没有遇到过这样的情况呢
wordpress已经安装SMTP,再SMTP里面的测试邮件可以发送成功,但是付款后不能自动发送邮件,重装了一次也不行。。
您看下后台Woocommerce –> Settings –> E-mail拖到最下面,有一个FROM Address有没有设置?
也设置的和SMTP插件一样的发件邮箱,不能自动发送邮件,郁闷了
您看下WooCommerce有没有设置为自动发货以及订单自动完成?
找到原因了,用其他支付测试可以发送邮件,但是用的支付宝当面付不能自动发送邮件
晕……估计那个插件的回调有点问题……
老大,咨询一下,上面提到的主题和插件为什么都找不到?要么就是英文版的
可能不少是英文版的,不过不影响卖中文商品的
大佬,请教一下,第五点订单查询页面没看懂,代码加在哪里呀
新建一个空白页面,在页面内容的地方添加这个段代码就可以了,保存之后页面会自动变成订单查询页面
界面丑哭了啊 。。
上万免费主题可以挑选,所以相信你总归能找到想要的界面的。
博主使用的是哪个主题?
我也遇到了不自动发送邮件的问题,经过排查是绑定了乱填写的序列号管理器(勾选了自动生成序列号),取消勾选删除后可以正常发送邮件了。
嗯嗯
请问当面付已经付款,但页面没有跳转,仍旧在付款二维码页面,是怎么回事呢?
测试支付宝是可以收到款的。
抱歉没有遇到过这样的问题……
博主优秀,本来想要用独角数卡建发卡站的。但一直想着能不能用Wordpress插件解决。解决大问题了,抽时间试试。感谢~